css如何使用clear属性-创新互联

这篇文章主要介绍了css如何使用clear属性,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

网站建设哪家好,找创新互联建站!专注于网页设计、网站建设、微信开发、成都微信小程序、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了瓦房店免费建站欢迎大家使用!

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属性 示例




 




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属性

感谢你能够认真阅读完这篇文章,希望小编分享css如何使用clear属性内容对大家有帮助,同时也希望大家多多支持创新互联建站,关注创新互联网站制作公司行业资讯频道,遇到问题就找创新互联建站,详细的解决方法等着你来学习!


分享标题:css如何使用clear属性-创新互联
文章起源:http://myzitong.com/article/diosjs.html