在HTML中清楚浮动! 使用<DIV CLASS="clear"/>
来源:互联网 发布:mysql客户端工具 编辑:程序博客网 时间:2024/05/01 10:37
div class="clear"></div> 这里的clear是样式名。
样式写在CSS文件中从名称来看估计你的样式为:.clear {clear:both; }clear:both; 作用:
该属性的值指出了不允许有浮动对象的边。 这个属性是用来控制float属性在文档流的物理位置的。
当属性设置float(浮动)时,他所在的物理位置已经脱离文档流了,但是大多时候我们希望文档流能识别float(浮动),或者是希望float(浮动)后面的元素不被float(浮动)所影响,这个时候我们就需要用clear:both;来清除。
实例: 有css定义:
p.f1{float:left;width :100px;}
p.f2{float:left;width :400px;}
则:
<p class="f1">这个是第1项 </p>
<p class="f2">这个是第2项 </p>
<p >另起一行</p>
如果不用清除浮动,那么第3个<P>的文字就会和第一二行在一起 所以我们在第3个<P>加一个清除浮动。
<p class="f1">这个是第1项 </p>
<p class="f2">这个是第2项 </p>
<p clear:both;>另起一行</p>
转帖地址:http://zhidao.baidu.com/question/184470846.html
- 在HTML中清楚浮动! 使用<DIV CLASS="clear"/>
- <div class="clear"></div>
- <div class="clear"></div>
- 关于 clear:both 清楚浮动
- html 清楚浮动
- [HTML]DIV+CSS clear both清除产生浮动
- 如何清除浮动不用另外在div中写clear:both
- html+css清楚浮动3种方法,父级div获取高度
- html中div的浮动问题
- html在一行内横向排列并排同行同时显示两个多个div盒子的方法(CSS浮动清除float-clear/inline)/办法
- CSS元素定位--浮动(float)与清楚(clear)
- div+css布局清楚浮动方法
- DIV+CSS clear both清除产生浮动
- 经验分享:CSS div浮动(float,clear)
- DIV+CSS clear both清除产生浮动
- 清楚浮动的几种方式overflow:hidden,overflow:auto,after伪类zoom:1;before div-clear:both;父级定义高度
- 【Html】CSS浮动(float,clear)通俗讲解
- html固定浮动在底部div的实现效果
- 发短信
- command模式、vistor模式与函数式编程
- Parameter DIRECT: Conventional Path Export Versus Direct Path Export [ID 155477.1]
- 打电话
- httpsession 详细内容整理
- 在HTML中清楚浮动! 使用<DIV CLASS="clear"/>
- 保证你现在和未来不失业的十种关键技术
- 浅谈函数指针
- Lion图标目录
- sql .Split
- GPIO模拟I2C操作
- java用HttpURLConnection模拟post提交数据
- C语言研究性学习的路线(9)前言与后记
- J2ME实现精确秒表计时