关于div+css布局值得注意的地方

本文转载于:猿2048网站➩关于div+css布局值得注意的地方

注意项

咱们知道，若是想要两个 div(即块级元素）挨着一块儿排列，能够将其设置为inline-block（行内-块元素）。

不过要注意两个div内的内容的对齐方式将是垂直中间对齐，因此这时候就须要使用float浮动。

使用float的时候有个问题：当一个元素盒子被浮动后，下面的元素会自动堆叠处理，致使元素不可见。

这时咱们能够使用clear属性。

屡次遇到的坑

当咱们使用div+css布局的时候，即便把两个div盒子声明为inline-block，仍然没法使其并排显示。

那么问题就出在于没有声明两个div盒子的宽度。由于没有声明，因此系统会认为div盒子的宽度为100%。

所以要给div盒子声明宽度，而且并排的div盒子的宽度加起来须要小于父级元素的宽度。