原文地址: CSS规则"clear: both"有什么作用?
当不需要与指定元素相关的任何元素在左右浮动,并且仅在下面显示时,就可以使用该"clear: both"规则。该规则还表明没有其他元素占用左右两边的空间。
语法:
示例:
效果图:
浏览器支持:
● Google Chrome
● Internet Explorer
● Firefox
● Opera
● Safari
推荐阅读:
java基础教程
layui框架
go语言教程
css中clear的作用是清除元素的浮动效果。left 在左侧不允许浮动元素。right 在右侧不允许浮动元素。both 在左右两侧均不允许浮动元素(这时该元素会独占一行了)。注:对第一个元素设置clear,对其后面元素不起作用。
css中清除浮动可用clear属性,该属性定义了元素哪边不允许出现浮动,可选的常用的值有:left、right、both等,通常写成clear:both即该元素两边都不允许出现浮动,这样即可清除浮动。另外,给父级元素定义overflow:hidden这样也能清除浮动。