CSS问题 margin\padding可以用负值吗？

Question

mainContent

{

width: 100%;
height: 100%;

position: absolute;
left: 200px; //这里我是为了给左侧的垂直导航栏留出位置
top: 0px;
bottom: 0;

}

那么问题来了，这样DIV的宽度会比预期想要的多出200PX，会有横向滚动条出现。

试了加上 right=-200px; margin-right/padding-right:-200px,但是没有作用。

请问这种情况该怎么解决？

补充图例---------------------------

左侧垂直导航条固定200PX宽，100%高；右侧内容100%宽。

Answer 1

你为什么要用position:absolute来定位整个主内容区呢？
这就是经典两栏自适应布局。

https://jsfiddle.net/begrgptf/

Answer 2

添加body{overflow:hidden;}可以去掉滑动条，但是垂直方向也会被截断。

建议position不用absolute，可以用relative，父元素添加height:100%

Answer 3

我猜你这个是因为加了padding，padding会在原有的大小上加padding值，计算出最终的div大小。
比如
<section>

<div></div>

</section>

你想让div的边距离两侧各10px，则可以先规定section的大小，然后div的width:auto; margin: 0 10px;
这样div的大小就会正好比section左右各小10px，而这时候在div上加padding则不会被影响计算后的大小

Answer 4

margin 可以用负值，padding 不行

你这问题是 width 用了 100% 吧

Answer 5

两栏目布局用float和margin right就好了