float浮动布局
float
float
只能在父级元素中浮动!!
浮动就像排队一样
float
元素可以像块级一样通过width
height
设置宽和高,也可以像行内元素一样并列在一行
可以设置left
right
让元素像左/向右贴紧父容器边界/排在前面的元素
float: left;
float: right;
当容器中有部分设置了浮动元素,部分是普通元素。
浮动元素不会占用普通元素的空间,更像是分出了一层在上方,会遮挡住普通元素
但是普通文档流中的文本节点会识别到他们,并避开他们
三列布局
两边固定,中间自适应
A:固定宽高,左浮动
B:固定宽高,右浮动
C:作为普通文档流在中间,并设置内外边距
图片来源于网络