简单的HTML / CSS浮动问题?

时间:2011-01-27 05:10:07

标签: css css-float

我似乎无法浮动我的图像,文字也没有环绕它。我已经尝试过清楚:两者但似乎没有用。

#tree {
    width:175px;
    height:250px;
    float:right;
    margin-left:20px;
    margin-top:24px;
}

#blackwhite {
    width:200px;
    height:125px;
    float:left;
    clear:both;
    margin-right:20px;
    margin-top: 100px;

}

提前感谢您的帮助!

2 个答案:

答案 0 :(得分:1)

没有看到相关的html,很难说。但是,在黑暗中拍摄:浮动物体将浮动到跟随它的元素的左侧或右侧。除非您希望它完全显示在它之前的元素之下,否则不要使用clear。如果你想让一个图像浮动到左边并在右边有文字环绕,你可以尝试这样的事情:

<img class='right' src='image.jpg' alt='' style='float:left;'/>
<p>Here's the text that will wrap around the image that is floating to the left.</p>

答案 1 :(得分:1)

如果你clear:both;,则表示你不希望任何东西都在该项目旁边。