【问题标题】:Float padding causing float to expand浮动填充导致浮动扩展
【发布时间】:2011-11-14 06:18:15
【问题描述】:

我正在为网站创建一个简单的 2 列布局,但遇到了一些问题。当我向应用了 float:left 的列添加填充时,浮动会扩展超过我定义的宽度。我似乎无法在任何地方找到答案。

【问题讨论】:

    标签: html css css-float padding


    【解决方案1】:

    你必须调整宽度,因为当你的页面被渲染时,填充被认为是宽度的一部分。

    假设您有一个 200 像素的 div,向右填充 10 像素。

    .box {
        width:200px;
        padding-right:10px;
    }
    

    您的实际宽度为 210 像素。

    【讨论】:

    • 流体宽度无关紧要,它的流体。它的尺寸没有定义的约束。
    猜你喜欢
    • 2011-06-28
    • 2011-07-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-09-16
    • 2011-05-28
    • 2012-10-23
    相关资源
    最近更新 更多