Question

当我为div .detalhes设置填充时，.detalhes框会展开div .seta。看一眼： http://jsfiddle.net/XdfCp/

我该怎么做才能解决这个问题？我的detalhes div有100％的优势。我希望它考虑填充来计算所需的宽度。

Answer 1

删除宽度，不要浮动div。 http://jsfiddle.net/XdfCp/3/

#ListaEventosPorMes .detalhes{
    display: block; 
    background-color: #722827;          
    text-align: left;
    padding: 10px;
}

如果您正在学习CSS，请花点时间了解浮点数的工作原理，并在有替代方法时尽量避免使用它们。不要只是浮动元素来“修复”某些东西，它可能会产生令人讨厌的后果。

Answer 2

这是因为你添加了padding的元素的宽度设置为100％，这意味着填充将被添加到这个上，这会将元素扩展为.seta。

最好的办法是改变你的宽度并将填充设置为％，这样就像宽度：90％;填充：5％或设置最大宽度。