文章詳情頁
javascript - 關(guān)于圣杯布局的一點疑惑
瀏覽:334日期:2023-03-09 18:25:39
問題描述
這是一個標(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ù)流動模型來分布。這里的left元素因為沒有了位置流動到了下一行,現(xiàn)在設(shè)置margin-left為負(fù)的自己的寬度,相當(dāng)于不占位置,所以流動到了第一行的最后。隨著margin-left負(fù)值的增大會慢慢向左位移。
設(shè)置margin-left:-100%; // 相當(dāng)于父元素寬度的100%這時left元素就會來到第一行的最左邊了。
標(biāo)簽:
JavaScript
相關(guān)文章:
1. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””2. boot2docker無法啟動3. docker-compose中volumes的問題4. java - SSH框架中寫分頁時service層中不能注入分頁類5. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.6. nignx - docker內(nèi)nginx 80端口被占用7. dockerfile - 為什么docker容器啟動不了?8. docker images顯示的鏡像過多,狗眼被亮瞎了,怎么辦?9. docker容器呢SSH為什么連不通呢?10. 關(guān)于docker下的nginx壓力測試
排行榜

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