文章詳情頁
javascript - 關于圣杯布局的一點疑惑
瀏覽:348日期:2023-03-09 18:25:39
問題描述
這是一個標準的圣杯布局 這是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:網頁元素 按照html的書寫順序 根據流動模型來分布。這里的left元素因為沒有了位置流動到了下一行,現在設置margin-left為負的自己的寬度,相當于不占位置,所以流動到了第一行的最后。隨著margin-left負值的增大會慢慢向左位移。
設置margin-left:-100%; // 相當于父元素寬度的100%這時left元素就會來到第一行的最左邊了。
標簽:
JavaScript
相關文章:
1. phpstudy8.1沒集成mysql-front2. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題3. node.js - mongodb查找子對象的名稱為某個值的對象的方法4. docker鏡像push報錯5. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””6. docker 下面創建的IMAGE 他們的 ID 一樣?這個是怎么回事????7. 利用IPMI遠程安裝centos報錯!8. html5 - datatables 加載不出來數據。9. 前端 - @media query 使用出現的問題?10. html5和Flash對抗是什么情況?
排行榜

網公網安備