CSS: маленькая проблема с плавающей точкой

Question

альтернативный текст http://img541.imageshack.us/img541/6502/floatissue.png

Как вы можете видеть на картинке, я хочу, чтобы мой float: справа, блок div, который содержит это видео, как "быть там", а не плавать там, я имею в виду, я хочуСтрока hr и система комментирования (белые ящики, которые вы видите) под видео, я не могу объяснить, но если вы не следите, пожалуйста, прокомментируйте ..

heres my css

#sctryclip{
float: right;
 border: 2px solid #FF3399; 
 display: inline-block;
}

Answer 1

Установите содержащий div на

overflow: hidden;

Answer 2

Прежде чем я попытаюсь ответить на этот вопрос, мне лучше убедиться, что я понимаю, что вы пытаетесь сделать.Вы хотите, чтобы как часы, так и все комментарии появлялись прямо под видео.Насколько широкими должны быть левые / правые столбцы?

Answer 3

Попробуйте изменить ширину div с комментариями в нем до 100% или любой другой общей ширины контейнера.

Answer 4

Попробуйте разместить

<div style="clear:both"></div>

поле под вашей видео коробкой (перед вашим "<hr />")

или, может быть, попробуйте это:

<hr style="clear:both" />

Answer 5

Если я правильно вас понимаю, вы хотите, чтобы "hr" было под вашим видео, как разделение в вашем макете?

Если это так, проблема, скорее всего, не в вашем "hr"CSS!Мне кажется, что вы пишете свой «час» неуместно, и из-за этого вы не можете разместить его там, где хотите.Я верю в это, потому что ваша картинка показывает «час» перед видео и всплывает вправо, опираясь на видео.

Еще одна мысль, если вы используете какой-то контейнер с абсолютным / относительным положением ... чтоможет смешать ваши результаты:)

Тем не менее, ссылка или ваш код для этой области помогут решить эту проблему, картинка позволяет воображению расти;)