两个div(菜单和内容)彼此相邻,具有透明边距

时间:2012-08-16 06:45:48

标签: css layout html

我知道已经解决了这个问题。但是,我正在寻找一个特定的解决方案。左侧菜单栏应为固定宽度,而右侧内容区应具有动态宽度。我可以这样做。

但是,菜单和内容中的文本不能从边缘开始。顶部和左侧应该有一点边距。

我尝试了以下CSS代码:

<div id="menu" style="background-color:#FFD700;height:400px;width:150px;padding-left:15px;float:left;">
Menu 1<br />
Menu 2<br />
</div>

<div id="content" style="background-color:#EEEEEE;height:400px;margin-left:180px;">
Contents...
</div>

但是,菜单和内容之间有一条白色条带。所有边距必须透明。此外,该网页应该在IE9,Chrome和FF中工作。

我的问题是,如何在IE9 / FF / Chrome中使用那些令人讨厌的白色条带,使文本显示有一些左上边距和左边距?

任何帮助都将受到高度赞赏。谢谢:))

1 个答案:

答案 0 :(得分:0)

看看这个Fiddle。这就是你想要的吗?