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

回答

相关问题