Html 填充仅在应用溢出隐藏后有效

只是一个简单的问题，一个

元素

必须水平居中。因此，

margin:0px auto

已应用。它已居中，但此元素的其他规则无法正常工作。例如，如果应用了

上下填充

，

下填充

不会显示任何更改。我自动设置高度，不起作用。但当我添加

溢出：隐藏
时，它就起作用了。我认为在这里添加
overflow:hidden
不是最好的主意。据我所知，
overflow:hidden
被使用，并且必须在
元素
高度小于内容的条件下工作，并隐藏高度内无法覆盖的其余内容



*{
边际：0px；
填充：0px；
}
文章{
宽度：100%；
背景：红色；
浮动：左；
边缘底部：10px；
}
.科{
宽度：93%；
最大宽度：1400px；
填充：10px 0px；
保证金：0px自动；
高度：自动；
}
.第1节{
宽度：93%；
最大宽度：1400px；
填充：10px 0px；
保证金：0px自动；
溢出：隐藏；
}
旁白{
浮动：左；
宽度：48%；
背景：黄色；
高度：自动；
}
旁白：第一类{
右边距：10px；
}
这是日期部分
这里是朗区
这是日期部分
这里是朗区
您还需要处理浮动。欢迎来到。在这一点上，再也没有真正的理由在布局中使用float了。看看flexbox规范吧——一开始你需要花点时间来思考，但这完全值得。