文章詳情頁
javascript - 關(guān)于圣杯布局的一點(diǎn)疑惑
瀏覽:355日期:2023-03-09 18:25:39
問題描述
這是一個(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.png
問題解答
回答1:網(wǎng)頁元素 按照html的書寫順序 根據(jù)流動(dòng)模型來分布。這里的left元素因?yàn)闆]有了位置流動(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ì)來到第一行的最左邊了。
標(biāo)簽:
JavaScript
相關(guān)文章:
1. golang - 用IDE看docker源碼時(shí)的小問題2. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.3. 在windows下安裝docker Toolbox 啟動(dòng)Docker Quickstart Terminal 失敗!4. docker-machine添加一個(gè)已有的docker主機(jī)問題5. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問題6. docker-compose中volumes的問題7. 我在centos容器里安裝docker,也就是在容器里安裝容器,報(bào)錯(cuò)了?8. 為什么我ping不通我的docker容器呢???9. docker容器呢SSH為什么連不通呢?10. docker不顯示端口映射呢?
排行榜

熱門標(biāo)簽
網(wǎng)公網(wǎng)安備