Простая проблема HTML / CSS Float?

Question

Кажется, я не могу передать свое изображение, и текст не оборачивается вокруг него.Я пытался ясно: и то и другое, но, похоже, это не сработало.

#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;

}

Спасибо заранее за помощь!

Answer 1

если вы clear:both;, чем вы говорите, что не хотите, чтобы что-либо было рядом с предметом, с обеих сторон.

Answer 2

Не видя связанного 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>