CSS clear属性简介说明


摘要:
下文讲述clear属性的简介及应用,如下所示:


css clear功能

css clear功能是设置元素当前区域的左边或右边或(左右)都不允许存在浮动元素
—————————————–
css clear属性列表

属性

备注说明
left

左边取消浮动元素
right

右边取消浮动元素
both

左右都取消浮动元素
none

允许元素浮动的出现在左边或右边
inherit

从父级继承浮动属性


css clear举例应用

   <html>
<head>
<meta charset="utf-8"> 
<title>猫猫教程(www.maomao365.com)</title> 
<style>
img
{
	float:left;
}
p.clear
{
	clear:both;
}
</style>
</head>
<body>

<img src="http://www.maomao365.com/wp-content/uploads/2020/01/css_float%E5%B1%9E%E6%80%A7%E4%B8%BE%E4%BE%8B%E8%AF%B4%E6%98%8E_11558.gif" width="95" height="84" />
<p>此段落文本将浮动显示在图像的周围
  float 属性生效中
</p>
<p class="clear">clear属性生效中,段落中的文本将按照正常的文本流显示</p>

</body>
</html>
css clear属性举例

css clear属性举例