我知道这个问题已经有了解决方案。但是，我正在寻找一个特定的解决方案。左边的菜单栏应该是固定宽度的，而右边的内容区域应该是动态宽度的。我可以做到这一点。
但是，菜单和内容中的文本不得从边缘开始。顶部和左侧应该有一点边距。
我尝试了以下 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 中出现令人讨厌的白色条纹？
任何帮助将不胜感激。谢谢:)
最佳答案
看看这个Fiddle .这是你想要的吗？
关于css - 两个 div(菜单和内容)彼此相邻，边距透明，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11981986/