主要用於 我放一張圖你們就明白了
1.第一種使用margin和浮動實現 **如下》
<<
，2023年2月2日出生於山東省青島市，中國內地女演員、歌手，亞洲多棲發展女藝人。2023年，宋茜作為演員、廣告模特在亞洲地區正式開始演藝活動。2023年，擔任女子流行演唱組合f(x)隊長，以歌手身份正式出道。2023年，主演都市愛情劇《愛情闖進門》，並憑藉該劇獲得國劇盛典年度最佳新人女演員獎。2023年12月，主演都市勵志劇《美麗的秘密》 。2023年1月23日，參加湖南衛視親情觀察成長節目《我家那閨女2》的錄製 ；1月26日，宋茜與宋威龍合作主演的都市情感劇《下一站是幸福》在湖南衛視播出，飾演職場女強人賀繁星；宋茜出生在山東省青島市，是家，
我的首頁完美詮釋
粉絲<<<<
目錄粉絲
center 中間 需要加乙個div 主要是為了 設定左右 margin
<
中間彈性區
左邊欄右邊欄
footer內容區
有人可能會有疑惑，為什麼中間的主體部分要寫在最前面。因為中間盒子是要被優先渲染嘛~並且設定其自適應，也就是width:100%。
<<
header.middle
.left
.right
footer
兩 三欄布局（聖杯雙飛翼）
常見頁面布局 一 兩欄布局，左邊定寬，右邊自適應 左邊左浮動，右邊加overflow hidden 變成bfc清除左側浮動元素的影響 left right 二 三欄布局，聖杯布局，雙飛翼布局 dom結構 header container center class column left class ...
css兩欄布局 聖杯布局 雙飛翼布局
最近幾個月一直用vue在寫手機端的專案，主要寫業務邏輯，在js方面投入的時間和精力也比較多。這兩天寫頁面明顯感覺css布局方面的知識有不足，所以複習一下布局方法。box1 left box1 right 兩列自適應 box1 box1 left box1 right box1 box1 left b...
三欄布局之聖杯布局 雙飛翼布局
聖杯布局和雙飛翼布局是經典的三欄布局。實現了左右兩側固定中間自適應的布局。聖杯布局主要是利用float 相對定位 容器的padding來完成布局。doctype html content type content text html charset utf 8 test page title htm...