我该如何修复浮动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
答案 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;">
另外,我强烈建议您将内联样式放入外部样式表。