html布局思路?
定位布局:主要使用position樣式來進行定位元素,定位元素又可以分為絕對定位(position:absolute)和相對定位(position:relative),絕對定位的對象是脫離正常的文檔流,使用top,right,bottom,left等屬性進行絕對定位,其層次關系順序可以通過z-index屬性來定義。相對定位是遵循正常的文檔流,top,right,bottom,left等屬性在正常的文檔流中進行偏移位置。
浮動布局:
主要是使用float樣式來定義元素的浮動,浮動可以設為左浮動(float:left)右浮動(float:right)不浮動(float:none)當你設置了元素為浮動元素的時候元素對象的display會被自動忽略,所以浮動元素的大小由它所包含元素的大小決定。
如何清除元素的浮動的,我們可以使用clear元素來清除浮動,當clear:none的時候允許兩邊都可以有浮動對象、當clear:left的時候不允許左邊有浮動對象、當clear:right的時候不允許有右浮動對象、當clear:both的時候不允許元素左右兩邊有浮動對象。
彈性布局:
彈性布局又稱flex布局,可以用彈性布局來做相應式網站