CSS浮动相关问题

1.何为浮动

浮动是CSS里面布局用的最多的属性
1.被设置为浮动的元素会脱离标准流
2.浮动的元素会互相贴靠
3.浮动的元素会有文字环绕的效果
4.一个浮动的元素如果没有设置width,那么它会自动收缩为其内容的宽度

2.如何消除浮动

消除浮动的中心思想:如果一个元素要浮动,其祖先元素必须要有高度属性,只要浮动在一个有高度的盒子中,浮动元素就不会影响后面的浮动元素
消除方法:
1.为浮动元素的父元素设置高度,为了防止异常,建议该高度不要小于子节点的高度
2.设置Css为 clear:both
3.在两个div中间用一个新的带有clear:both 的div隔开
4.在浮动元素的父节点中放置一个具有clear:both 的div
5.为父节点添加属性 overflow: hidden,这样父节点就会被子节点撑开高度

全部评论

相关推荐

01-02 21:17
已编辑
西安理工大学 后端
程序员小白条:项目不太重要,你的优势的算法竞赛,然后多背相关的八股文,项目可以不作为重点考虑,面试可能就简单带过项目就行了,你可以直接写简历,背项目相关的八股文就行,也不用自己做,时间紧张的情况下,性价比最高
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客企业服务