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

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%宽。

图片描述

阅读 13.8k
5 个回答

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

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

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

<div></div>

</section>

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

margin 可以用负值,padding 不行

你这问题是 width 用了 100% 吧

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题