關於div+css佈局值得注意的地方

本文轉載於:猿2048網站➩關於div+css佈局值得注意的地方

注意項

咱們知道，若是想要兩個 div(即塊級元素）挨着一塊兒排列，能夠將其設置爲inline-block（行內-塊元素）。

不過要注意兩個div內的內容的對齊方式將是垂直中間對齊，因此這時候就須要使用float浮動。

使用float的時候有個問題：當一個元素盒子被浮動後，下面的元素會自動堆疊處理，致使元素不可見。

這時咱們能夠使用clear屬性。

屢次遇到的坑

當咱們使用div+css佈局的時候，即便把兩個div盒子聲明爲inline-block，仍然沒法使其並排顯示。

那麼問題就出在於沒有聲明兩個div盒子的寬度。由於沒有聲明，因此係統會認爲div盒子的寬度爲100%。

所以要給div盒子聲明寬度，而且並排的div盒子的寬度加起來須要小於父級元素的寬度。