0

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

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

我尝试了以下 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 中出现那个讨厌的白色条带?

任何帮助将不胜感激。谢谢 :)

4

1 回答 1

0

看看这个Fiddle。那是你要的吗?

于 2012-08-16T07:38:44.667 回答