css清除浮动的方法是使用clear属性清除浮动,clear属性定义了元素的哪边上不允许出现浮动元素,代码为【 img {float:left;clear:both;}】。
本教程操作环境:windows7系统、css3版,DELL G3 电 脑。
css清除浮动的方法:
css可以使用clear属性清除浮动。clear属性介绍如下:
clear属性定义了元素的哪边上不允许出现浮动元素。在 CSS1 和 CSS2 中,这是通过自动为清除元素(即设置了 clear 属性的元素)增加上 外边距 实现的。
在 CSS2.1 中,会在元素上外 边距 之上增加清除空间,而外边距本身并不 改变 。不论哪一种改变,最终结果都一样,如果声明为左边或 右边 清除,会使元素的上外边框边界刚好在该边上浮动元素的下外边距边界之下。
属性值:
left 在左侧不允许浮动元素。
right 在右侧不允许浮动元素。
both 在左右两侧均不允许浮动元素。
none 默认值。允许浮动元素出现在两侧。
inher IT 规定 应该 从父元素继承 clear 属性的值。
使用clear属性清除浮动示例:
图像的左侧和右侧均不允许出现浮动元素:
<ht ML > <head> <style ty PE ="text/css"> img { float:left; clear:both; } </style> </head> <body> <img src="/i/eg_smile.gif" /> <img src="/i/eg_smile.gif" /> </body> </html>
效果图:
相关教程推荐: CSS视频教程
以上就是css怎么样清除浮动的详细内容,更多请关注其它相关 文章 !
总结
以上是 为你收集整理的 css怎么样清除浮动 全部内容,希望文章能够帮你解决 css怎么样清除浮动 所遇到的问题。
如果觉得 网站内容还不错, 推荐好友。
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did199699