国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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)文章:
主站蜘蛛池模板: 欧美激情特级黄aa毛片 | 国产精品合集久久久久青苹果 | 失禁h啪肉尿出来高h | 一级国产交换配乱淫 | 亚洲精品日本 | 日韩不卡一二三区 | 国产手机在线国内精品 | 欧美成人免费大片888 | 亚洲bt欧美bt国产bt | 欧美一区二区三区视频在线 | 真实国产普通话对白乱子子伦视频 | 精品视频在线观看一区二区三区 | 996re免费热在线视频手机 | 久久99精品久久久久久h | 亚洲欧美日韩中文字幕在线一区 | 国产乱子伦片免费观看中字 | 欧美日韩亚洲一区二区三区 | 国产成人亚洲日本精品 | 免费一级毛片在线播放 | 免费一级大片 | 欧美黄视频 | 久9久9精品视频在线观看 | 亚洲成人免费视频 | 在线视频 日韩 | 韩国一级黄色毛片 | 天堂8资源在线官网资源 | 免费a级毛片网站 | 2021国产精品一区二区在线 | 日韩精品免费看 | 久久ri精品高清一区二区三区 | 国产一国产一级毛片视频在线 | 免费成年人在线视频 | 亚洲国产一区二区a毛片日本 | 99视频在线观看视频 | 亚洲一区国产 | 黄色福利站 | 亚洲毛片在线看 | 国产色爽女小说免费看 | 免费乱淫视频 | 免费播放巨茎人妖不卡片 | aa级毛片毛片免费观看久 |