今天的你不一样的风采,明天的你不知未来,珍惜当下,“且行且珍惜”···········
来看看今天的小知识点吧!
浮动:布局的,搭架子
float特性:
1.float是有方向的
2.尽可能的往上飘
3.脱离文档流,设置浮动之后,会影响后面的元素
4.宽度不够会掉下来。
5.浮动后,如果没有设置宽度。宽度会尽可能的窄。窄到内容的宽度。
6.行元素会变成块元素,可以设置宽高
7.文本环绕
浮动三要素:
用浮动的时候一定要注意的东西。
a).同级元素设置了浮动,其他也要设置
b).浮动后,尽量的设置宽
c).设置浮动后,一定要清除浮动
清除浮动
1. clear:
a )left 左浮动清除
b)right 右浮动清除
c)both 左右都清除
在最后加一个元素,给元素加clear样式。
不推荐:有瑕疵
2. overflow: hidden;
除了溢出隐藏,还可以清除浮动
给父级添加overflow:hidden;样式
有瑕疵,需要注意,如果有会超出父级的东西,那就不能用了。
3. clearfix
完美解决清除浮动问题
.clearfix:after{
content: '';
display: block;
clear: both;
}
.clearfix{
zoom: 1; //兼容ie6
}
虽然很简短但很'important'
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...