多个div在一个div中一行水平显示(float)

div本身是block元素,块状元素默认占据一行,所以直接显示的话是不能在一行显示的

以下图为例多个div在一个div中一行水平显示(float)_第1张图片

left,right在一行,bottom在底下

html代码如下:

left
right
bottom

一个大div包含3个小div并且前2个一行显示第三个占据下面的一行。

经典做法是用float方法,div1,div2浮动div3 清除浮动即可实现,代码:



你可能感兴趣的:(前端)