如何修复浮动 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 向下浮动并删除了浮动向上的内容......
这是演示
两个问题。
问题 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/