溢出隐藏不起作用

Question

<div style="overflow:hidden;margin-top:37px;background color:#06A1FF;height:130px;width:100%;border-bottom:1px solid black;padding-top:20px;padding-left:20px">

出于某种原因，overflow：hidden似乎不起作用，因为它不断生成水平滚动条。

请帮帮我。

Answer 1

添加margin-left:-20px;，由于填充，目前div的宽度为100％+ 20px。

Answer 2

溢出设置不起作用的原因是溢出处理内容的溢出，而不是元素本身的溢出。

因此，请选择bookcasey's answer并添加margin-left: -20px，或将overflow: hidden添加到父元素。