首页 文章

划分100%宽度和边距

提问于
浏览
1

我试图将左右边距放在也是100%宽度的东西上 . 我正在使用盒子大小调整方法,我希望它会说100%包括边距,但它确实100%加上边距,这意味着我有一个垂直滚动条 .

它在这里展示:

http://jsbin.com/xomocitono/1

<div id="main">
    Test
  </div>

#main {width: 100%; margin-left: 100px; margin-right: 100px; background: red;}

在我自己的特殊情况下,我不能使用以下内容:

  • 填充代替,因为即使它按我想要的方式工作(按100%宽度),填充覆盖下面的链接,而边距不覆盖 .

  • CSS Calc(它不像我希望的那样是跨浏览器)

  • 固定宽度#main,因为我希望它是流畅的,只是边缘两侧 .

我还有其他选择吗?

1 回答

  • 3

    当您使用 margin-leftmargin-right 时,您不必提供 width .

    试试这个:

    #main
    {
     margin-left: 10%;
     margin-right: 10%;
     background: red;
    }
    

相关问题