CSS浮动div固定margin-top

时间:2013-04-23 23:47:19

标签: css css-float html

我该如何修复浮动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

1 个答案:

答案 0 :(得分:1)

两个问题。

问题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/