CSS浮動div固定margin-top

我該如何修復浮動div？我曾嘗試邊距CSS浮動div固定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;">

，但沒有做任何事情，所以我必須添加更多的內容在左邊的DIV被灑落並刪除浮動上升內容...

這裏是demo

來源

2013-04-23 Nick Kahn

看來，含'td'繼承'垂直對齊：center'從什麼地方，它垂直居中的內容。這是預期的效果：http://jsfiddle.net/Vmjmz/1/？ – showdev 2013-04-24 00:16:43

內容應該對齊到左側，但我看到你的jsfiddle和內容項目是在中心和浮動div是所有的方式...這不是我在找什麼;基於我的示例我期待顯示浮動div'margin-top：100px' – 2013-04-24 00:23:14

兩個問題。

問題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 + ....... – 2013-04-24 00:45:05

CSS浮動div固定margin-top

回答

相關問題