+ -
当前位置:首页 → 问答吧 → css浮动清理问题

css浮动清理问题

时间:2011-05-14

来源:互联网

CSS code

<!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

HTML code
<div class="news clear">
不小心多打了个claer了。原来的代码这只是HTML code
<div class="news">

作者: westby   发布时间: 2011-05-14

???????????没人给看看么?

作者: westby   发布时间: 2011-05-14

你用ie6测的?
我用IETESTER看,IE6下面也只有<br class="clear" />异常。span可以清。
<br class="clear"></br>也能,不过下面多出一行。

作者: KongHuLu   发布时间: 2011-05-14

晤。。P也不行。

作者: KongHuLu   发布时间: 2011-05-14

引用 4 楼 konghulu 的回复:

晤。。P也不行。


我的ie8 和谷歌都不行呀

作者: westby   发布时间: 2011-05-14

刚刚又试了下,好像<br />可以清了。

作者: westby   发布时间: 2011-05-14

用 inline-block;试试;

作者: yaoxin125   发布时间: 2011-05-14