CSS Float не работает? Зачем? - PullRequest
Новая
       26

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

0 голосов
/ 10 июня 2011

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

Это мой код: 

<p>
    <div class="float">
        <iframe src="http://www.facebook.com/plugins/like.php?href=www.mysite.com&amp;send=false&amp;layout=box_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=dark&amp;font=arial&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;
}

Ответы [ 4 ]

1 голос
/ 10 июня 2011

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

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

http://jsfiddle.net/j9QSj/

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

0 голосов
/ 10 июня 2011

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

0 голосов
/ 10 июня 2011

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

0 голосов
/ 10 июня 2011

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

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

float:left

вместо 

position:float
...