国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

javascript - 關(guān)于圣杯布局的一點(diǎn)疑惑

瀏覽:228日期:2023-03-09 18:25:39

問(wèn)題描述

這是一個(gè)標(biāo)準(zhǔn)的圣杯布局 這是html代碼

<p id='hd'>header</p><p id='bd'> <p id='middle'>middle</p> <p id='left'>left</p> <p id='right'>right</p></p><p id='footer'>footer</p>

sheng.pngjavascript - 關(guān)于圣杯布局的一點(diǎn)疑惑

問(wèn)題解答

回答1:

網(wǎng)頁(yè)元素 按照html的書(shū)寫順序 根據(jù)流動(dòng)模型來(lái)分布。這里的left元素因?yàn)闆](méi)有了位置流動(dòng)到了下一行,現(xiàn)在設(shè)置margin-left為負(fù)的自己的寬度,相當(dāng)于不占位置,所以流動(dòng)到了第一行的最后。隨著margin-left負(fù)值的增大會(huì)慢慢向左位移。

設(shè)置margin-left:-100%; // 相當(dāng)于父元素寬度的100%這時(shí)left元素就會(huì)來(lái)到第一行的最左邊了。

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 午夜性色福利视频在线视频 | 久久91精品国产91久久 | 三a毛片| 女人张开腿给男人桶爽免费 | 欧美国产亚洲一区 | 国产看色免费 | www.精品国产| 欧美在线小视频 | 亚洲国产精品一区二区三区在线观看 | 九九视频在线观看视频23 | 女女同性一区二区三区四区 | 99精品这里只有精品高清视频 | a高清免费毛片久久 | 日韩三级一区二区 | 日本高清在线中文字幕网 | 日韩久久网 | www日本高清 | 欧美视频在线观 | 日韩欧美视频一区 | 国产国语高清在线视频二区 | 午夜爽爽性刺激一区二区视频 | 亚洲欧美成人在线 | 美国毛片免费看 | 日韩有码第一页 | 午夜三级理论在线观看视频 | 美女张开双腿让男人桶视频免费 | 国产成人综合日韩精品婷婷九月 | 超清国产粉嫩456在线免播放 | 99国产精品免费视频观看 | 亚洲欧美高清视频 | 国产成人综合网亚洲欧美在线 | 亚洲在线免费免费观看视频 | 亚洲天堂视频在线 | 成年人免费网站在线观看 | 一区二区三区视频在线观看 | 国产一级精品毛片 | 亚洲视频免费在线观看 | a级成人毛片久久 | 日韩三级欧美 | 99精品国产在现线免费 | 日韩中文字幕精品一区在线 |