先製作2個div元素
因為div是屬於block元素
會佔滿一整列的空間
若我們想要讓block元素可以並排
需要使用float
將2個box都設定float:left
注意：
float的元素會去看有沒有超過父層元素的寬度
如果超過，則擠不下的div會放到下一列去
我們這邊的div沒有父層元素
所以是以視窗寬度來看
若box+box2的寬度 > 瀏覽器視窗寬度，則box2會被擠到下一列
如何做到下面的效果？
通常會用父層來控制
設定wrap為寬1000px
box寬200px
box2寬800px
並設定wrap為 margin: 0 auto (左右置中)
若box2變成801px >1000px
則變成下面結果
沒有留言:
張貼留言