html中的clear是什么意思

ID:9753 / 打印
在html中,clear的意思是清除,只需要给浮动元素设置“clear:属性值”即可。clear属性定义了元素的哪边不允许出现浮动元素。会在元素外边距之上增加清除空间,而外边距本身并不改变。

html中的clear是什么意思

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

css中clear的作用是清除元素的浮动效果。

在 CSS1 和 CSS2 中,这是通过自动为清除元素(即设置了 clear 属性的元素)增加上外边距实现的。在 CSS2.1 中,会在元素上外边距之上增加清除空间,而外边距本身并不改变。

不论哪一种改变,最终结果都一样,如果声明为左边或右边清除,会使元素的上外边框边界刚好在该边上浮动元素的下外边距边界之下。

立即学习“前端免费学习笔记(深入)”;

clear属性值:

left 在左侧不允许浮动元素。

right 在右侧不允许浮动元素。

both 在左右两侧均不允许浮动元素。

none 默认值。允许浮动元素出现在两侧。

inherit 规定应该从父元素继承 clear 属性的值。

示例:

<html>   <head>     <style type="text/css">       div {         float: left;         margin: 20px;       }       .three{         clear: both;       }     </style>   </head>   <body>     <div>       <img  src="images/1.jpg" / alt="html中的clear是什么意思" >     </div>     <div>       <img  src="images/2.jpg" / alt="html中的clear是什么意思" >     </div>     <div class="three">       <img  src="images/3.jpg" / alt="html中的clear是什么意思" >     </div>   </body> </html>

效果:

YS_H_7PJ)4ASJ%BCK{{V)$O.png

推荐学习:html视频教程

上一篇: html如何修改日期样式
下一篇: html如何实现播放和暂停

作者:admin @ 24资源网   2024-09-27

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。