我在css里设置div width=100%，padding=10px，为何会出现横向滚动条？但去掉padding就好了

发布网友发布时间：2022-05-09 07:23

我来回答

共5个回答

热心网友时间：2024-01-29 04:27

首先，宽度超出最外层的框架或元素的宽度，才会出现横向滚动条；

那么，你只需要保证你内部的元素宽度不要超出外层宽度即可；

然后是，padding的设置，padding的作用是在当前宽度的情况下去追加 padding的像素值。

希望对你有所帮助；

CSS padding（填充）是一个简写属性，定义元素边框与元素内容之间的空间，即上下左右的内边距。网页链接

热心网友时间：2024-01-29 04:27

为什么会多出20个像素 padding:10px; 等于padding:10px 10px 10px 10px; 分别对应上右下左，padding的作用是在当前宽度的情况下去追加 padding的像素值。也就是说你的宽度100%，再加上padding:10px; 他的实际宽度就是 100%+20px; 希望对你有帮助不懂的地方可以追问

热心网友时间：2024-01-29 04:28

如果你的顶部不放其他浮动float元素的话就写一个padding10就行了，不用写100%，如果您想padding 10又想用100%的属性的话，建议你在title里再插入一个标签在定义这个标签padding-left 10然后去掉titile的padding 10属性就可以了，为了有更多的扩充机会，建议你不要在外围的div 100% 属性下去去写左右内边距。一定要写就在里面元素里写。

热心网友时间：2024-01-29 04:28

padding会被计算为宽度的，所以想要控制内部间距，最好不要设置外部div的宽度。

div默认是块级的，默认就是100%宽度，再设置padding，实际效果的宽度会自适应的调整为100%。

所以在 width = 100%时不需要写这个属性，在固定宽度时再写。

热心网友时间：2024-01-29 04:29

再加个属性box-sizing:border-box就可以了