css clear属性指定元素的左侧或右侧上不允许出现浮动元素。可用于实现浮动的清除，解决浮动布局带来的一些问题。
css clear属性怎么用？
clear 属性规定元素的哪一侧不允许其他浮动元素。
语法：
立即学习“前端免费学习笔记（深入）”；
clear:left|right|both|none|inherit;
属性值：
● left：在左侧不允许浮动元素。
● right：在右侧不允许浮动元素。
● both：在左右两侧均不允许浮动元素。
● none：默认值。允许浮动元素出现在两侧。
● inherit：规定应该从父元素继承 clear 属性的值。
说明：
clear 属性定义了元素的哪边上不允许出现浮动元素。在 CSS1 和 CSS2 中，这是通过自动为清除元素（即设置了 clear 属性的元素）增加上外边距实现的。在 CSS2.1 中，会在元素上外边距之上增加清除空间，而外边距本身并不改变。
不论哪一种改变，最终结果都一样，如果声明为左边或右边清除，会使元素的上外边框边界刚好在该边上浮动元素的下外边距边界之下。
注释：所有主流浏览器都支持 clear 属性。任何版本的 Internet Explorer （包括 IE8）都不支持属性值 “inherit”。
css clear属性 示例
img{float:left;}p.clear{clear:both;}@@##@@This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.
This is also some text. This is also some text. This is also some text. This is also some text. This is also some text.
使用clear:both清除浮动：
@@##@@This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.
This is also some text. This is also some text. This is also some text. This is also some text. This is also some text.
效果图：
以上就是css clear属性怎么用的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1614662.html
微信扫一扫 
支付宝扫一扫 
