分离按钮,使它们不重叠

时间:2014-04-01 17:27:49

标签: html

这是一个非常简单的问题,但我在Google上找不到任何答案。

我使用<div style=\"margin-left: 44px;\">向左移动按钮,我需要将按钮向下移动什么div?它们目前正在重叠。

2 个答案:

答案 0 :(得分:0)

如果你想将div放在一边

,你可以使用定位而不是边距

示例:

<div style="position:absolute;top:10px;left:44px;">
 Content
</div>

示例2:

<div style="position:relative;top:10px;left:44px;">
 Content
</div>

更多关于定位: http://www.w3schools.com/css/css_positioning.asp

答案 1 :(得分:0)

&#34; div&#34;元素是块!尝试将按钮放在div中,如下所示:

<div style="margin:20px;">Button</div>

或者,如果您只想设置下边距,可以使用:

style="margin-bottom:20px";

或者按照顶部,右侧,底部,左侧的顺序将它们全部设置在一起

style="margin: 0 0 20px 44px;"

最后,尝试在按钮内设置边距。如果它们是锚,你可以试试这个:

<a href="http://google.com" style="display:block; margin:20px; overflow:hidden;">BUTTON</a>