文章詳情頁
javascript - 關于圣杯布局的一點疑惑
瀏覽:364日期: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. macos - 如何徹底刪除mac自帶的apache和php2. javascript - sublime快鍵鍵問題3. docker 17.03 怎么配置 registry mirror ?4. DADB.class.php文件的代碼怎么寫5. javascript - immutable配合react提升性能?6. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~7. mysql事務回滾定位8. javascript - html5多個label中其中一個觸發change,如何判斷是哪一個出發了change9. 實現bing搜索工具urlAPI提交10. css - 移動端字體設置問題
排行榜

網公網安備