什么是float样式?
让标签浮动起来,总体方向往上
right,left(右浮,左浮)
联合height,width使用,分别占用y方向和x方向多少,单位px或百分比(%)
作用对象不是页面,而是作用于在父标签的范围里面
对于float有什么神奇之处?
第一, 子标签浮动起来,父标签的样式原来靠内容撑起来,
子标签浮动相当于对父标签透明,没有内容
第二, 在最后添加 <div style="clear: both"></div>把float属性清除,
让子标签不透明,撑起父标签样式,并不改变float样式,太low
如何逻辑整理?
- float 让标签像木块一样浮动在水面一样,right,left定义浮动的大概区域,height,width定义木块大小
- float 让子标签透明,让父标签内容样式失效,最后添加 <div style="clear: both"></div>把float属性清除
时间: 2024-10-10 00:13:33