css - 侧边栏边距,如何调整?

标签 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 无法为我提供解决方案?

最佳答案

由于您将 content float 到左侧,将 sidebar float 到右侧,因此更改 margin 不会有任何效果 (除非它可能变得比间隙的可用宽度大,但肯定不会在边距小于已经存在的间隙时)。

将它们都向左(或向右) float ,那么边距就会有效果。


不过请记住,通过这样做,sidebarcontent 的外侧(取决于您是否使用 float:leftfloat:right) 将 NOT LINE UP 与标题中相应一侧的元素的外侧(例如左侧的搜索栏或右侧的菜单按钮) ).

也许更好的解决方案是调整 content 和/或 sidebarwidth,而不是使用边距。 (增加 width 会有效地减小间隙,反之亦然。)

关于css - 侧边栏边距,如何调整?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26539332/

相关文章:

c# - 项目命令无法编辑列表中的其他项目

javascript - CSS 和 JS 更改按钮悬停时的 div 背景颜色?

jquery - 单击时展开 li 元素 100% 宽度并将同级元素推出

javascript - 加载后的 iframe javascript

javascript - 如何在点击时重复增加 CSS 属性的值?

html - 元素之间存在差距,它正在吞噬我的大脑

macos - 带有 Split View的 Swift 中的源列表边栏实现

javascript - Bootstrap 表单组复选框不会在导航丸之间被选中

android - 在 RadioButton 上以编程方式设置的边距未应用

css - 如何使 WP 侧边栏具有响应性并在小屏幕上显示在页面底部?