我做的自适应布局和流动布局,无论浏览器大小如何变,总有横向滚动条,而且,无论浏览器大小如何变,横向滚动条都只能向右滚动一点。
这是怎么回事?
给body
加上overflow:-Scroll;overflow-x:hidden
<body style=`overflow:-Scroll;overflow-x:hidden`>
</body>
有没有设置*{box-sizeing:border-box}
难道是用bootstrap
?只能向右滚动一点点的距离是不是15px
?
bootstrap
默认是有一个的规则的:
.container{
padding-left : 15px;
padding-right : 15px
}
.row {
margin-left : -15px;
margin-right : -15px;
}
所以bootstrap
要求你要严格遵守它的栅格系统嵌套规则,否则就会出现多出15像素这样的情况,你可以在自己的样式里重新div
的padding
或margin
规则,来解决这个问题