CSS Float не работает? Почему?

#html #css #css-float #styling #point

#HTML #css #css-float #оформление #точка

Вопрос:

Итак, в настоящее время я создаю веб-сайт, и у меня проблема. У меня есть этот div, и в левом верхнем углу его я хочу кнопку facebook like, а затем я хочу, чтобы текст окружал ее, я знаю, что это можно исправить с помощью свойства «float», но это просто не сработает, вместо этого текст, которым я хочу окружить facebook like, находится под кнопкой, и справа от кнопки остается огромное пространство..

Это мой код:

 <p>
    <div class="float">
        <iframe src="http://www.facebook.com/plugins/like.php?href=www.mysite.comamp;amp;send=falseamp;amp;layout=box_countamp;amp;width=450amp;amp;show_faces=falseamp;amp;action=likeamp;amp;colorscheme=darkamp;amp;font=arialamp;amp;height=90" scrolling="no" frameborder="1" style="border:none; overflow:hidden; width:450px; height:90px;" allowTransparency="true">
        </iframe>
    </div> 
    test
</p>

Код css является

 div.float{
    float:left;
}

1. Не могли бы вы, пожалуйста, показать CSS-код для этого класса float?

2. Это не работает, когда я вставляю код, он исчезает.

3. Пожалуйста, покажите какой-нибудь код. Используйте кнопку code ( {} ) для правильного отступа

4. Пожалуйста, добавьте, как выглядит ваш CSS-код для class .float

5. Можете ли вы предоставить определения css? редактировать: lol

Ответ №1:

Проверьте это решение:

 .float{
    float: left;
    width: 70px;
    height: 60px;
    overflow: hidden;
}

http://jsfiddle.net/j9QSj/

Дайте мне знать, если это то, что вы ищете.

Ответ №2:

Вероятно, вам нужно очистить: оба в следующем div или на промежуток ниже. Вы можете поделиться своим кодом с http://www.pastebin.com /.

Ответ №3:

Ширина iframe равна 450 пикселям … вы, вероятно, имели в виду, что она должна быть 45 пикселей при изменении url width = 450 на width = 45, что должно решить вашу проблему.

Ответ №4:

Определение css неверно.

Это должно быть

 float:left

вместо

 position:float