CSS float div fixed margin-top

Как я могу установить плавающий div? я попробовал Верхнее полеCSS float div fixed margin-top

<div id="headerRightContent" style="float: left; height: 100px; margin-top: 105px; width: 1px; whitespace: no-wrap;background-lightyellow;margin:0px 10px 10px 12px;color: #FF00FF;border: 1px dashed black;width: 175px;padding-left:6px;padding-bottom:6px;padding-top:6px;">

, но не делать ничего, так что я должен добавить больше контента ДИВ на левом парит вниз и удалить содержимое плавающей идет вверх ...

здесь является demo

источник

2013-04-23 Nick Kahn

Похоже, что содержащий 'td' унаследовал' вертикального выравнивания: center' откуда-то, что центры содержания вертикально. Это желаемый эффект: http://jsfiddle.net/Vmjmz/1/? – showdev

контент должен быть выровнен по левому краю, но я вижу ваш jsfiddle, а элемент контента находится в центре, а плавающий div - полностью ... это не то, что я ищу; основанный на моем примере, я ищу, чтобы отобразить плавающий div 'margin-top: 100px' –

Два вопроса.

Issue 1: Ваш номер td наследует vertical-align:middle откуда-то. Вам нужно будет удалить это или переопределить его с помощью vertical-align:top.

<td style="vertical-align:top;">

Выпуск 2: Вы устанавливаете стили полей дважды на вашем div, по существу, стирая вашу установку margin-top. Объедините их или удалите второй.

<div id="headerRightContent" style="float: left; height: 100px; margin:105px 10px 10px 12px; width: 1px; whitespace: no-wrap;background-lightyellow;color: #FF00FF;border: 1px dashed black;width: 175px;padding-left:6px;padding-bottom:6px;padding-top:6px;">

Кроме того, я настоятельно рекомендую положить ваши встроенные стили во внешнюю таблицу стилей.

Фидл: http://jsfiddle.net/Vmjmz/3/

источник

2013-04-24 00:31:29 showdev

спасибо 1 + ....... –

CSS float div fixed margin-top

ответ

Смежные вопросы