2018年12月11日 星期二

S5-L29-兩欄式、三欄式版面定位技巧



如果在menu中去加上假字
為何高度沒有去做推擠?
因為我們高度已經寫死


header/footer高度固定的話可以寫死
但中間內容因為高度不確定
所以不要寫死
這樣可以讓他去用內容去做推擠



如果有用float,設定內容跟padding後很容易造成其他元素擠到下一列
這時可設定box-sizing:border-box
就可以比較輕鬆

menu跟content我們不確定哪個內容比較長
所以可以在menu及content外面再包一層div
由div去推擠
(這邊後面記得也要加上clearfix區塊)







沒有留言:

張貼留言