css浮动清理问题
时间:2011-05-14
来源:互联网
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www/w3.org/1999/xhtml"> <head> <style type="text/css"> .news { background: gray; border: solid 2px black; } .news img { float: left; } .news p { float: right; } .clear { clear: both; display: block; } </style> </head> <body> <div class="news clear"> <img src="images/pic.jpg" alt="my pic" /> <p>this is pic about water.</P> <br class="clear" /> </div> </body> </html>
是想让图片和文本显示在框架的里面,问题出在CSS code
<br class="clear" />
这,如果把br换成div h几却可以,也可以用:after解决,不过换成p和 inline元素,就是加display: block;也是没反应。不知道这是什么原因,忘大家解答。 作者: westby 发布时间: 2011-05-14
<div class="news clear">不小心多打了个claer了。原来的代码这只是HTML code
<div class="news">
作者: westby 发布时间: 2011-05-14
作者: westby 发布时间: 2011-05-14
我用IETESTER看,IE6下面也只有<br class="clear" />异常。span可以清。
<br class="clear"></br>也能,不过下面多出一行。
作者: KongHuLu 发布时间: 2011-05-14

作者: KongHuLu 发布时间: 2011-05-14
晤。。P也不行。
我的ie8 和谷歌都不行呀
作者: westby 发布时间: 2011-05-14
作者: westby 发布时间: 2011-05-14
作者: yaoxin125 发布时间: 2011-05-14
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28