边栏边距,我该如何调整?

时间:2014-10-23 23:43:44

标签: css margin sidebar

我正在使用Avada主题3.5.3,它提供了很棒的功能。

嗯,问题是什么?实际上,我无法调整侧边栏和页面内容的差距。请查看我的网站HERE

已经测试了不同的CSS类和ID,但没有一个是有用的,例如:

<div id="content" style="float:left; margin: 0px">
<div id="sidebar" style="float:right; margin: 0px">

我知道,设置元素之间的差距是一项基本任务,但CSS代码不做任何改动。

这是否意味着CSS无法为我提供解决方案?

1 个答案:

答案 0 :(得分:1)

由于您将content向左浮动,而sidebar向右浮动,因此更改margin将不起作用(除非它可能会大于可用宽度)差距,但肯定不是当边际小于已经存在的差距时。)

将它们浮动到左侧(或右侧),然后边距将起作用。


请注意,通过这样做,sidebarcontent(取决于您使用的是float:left还是float:right)的外部会强烈 NOT LINE UP 与相应侧标题中元素的外侧(例如左侧的搜索栏或右侧的菜单按钮)。

或许更好的解决方案是调整width和/或content的{​​{1}},而不是使用保证金。 (增加sidebar将有效地缩小差距,反之亦然。)