首页 文章

有没有人厌倦了计算div的总像素? (宽度边距填充边框)

提问于
浏览
2

有没有人厌倦了计算div的总像素?假设你有两个宽度完全适合父div的div . 仅更改宽度,边距,填充或边框意味着您必须再次计算div的像素 . 有没有更好的方法来使用宽度,填充和边距?有一个外部div作为填充和边距的宽度和内部div是一个很好的选择?我在做一些不必要的计算吗?

4 回答

  • 0

    你熟悉这两款机型吗?

    W3C包装盒型号: width + padding + border == outerwidth
    微软包装盒型号: width - padding - border == contentwidth

    Microsoft(在IE5和IE6 / Quirksmode中)更加有意义,因为它允许您在不改变整体宽度的情况下改变填充和边框 . 不需要算术 . 不幸的是,W3C版本最终胜出,但你仍然可以通过使用嵌套的DIV获得微软盒子模型的好处 .

    所以,是的,回答你的问题,如果符合以下条件,宽度为外的DIV和带填充的内部DIV是个好主意:

    • 你讨厌做算术

    • 你在Quirksmode中支持IE6

  • 0

    如果没有什么需要与其他任何东西对齐,你可以使用百分比或ems或其他相关单位之一 .

  • 0

    如果您尽可能避免使用填充,那么它会更容易,因为您不必为每个浏览器执行不同的计算集 . (IE的计算方式与FF不同,IE在宽度计算中不包括填充)

  • 4

    我确定 div soup nazis 会继续我总是使用单独的div,如果我需要使用填充 . 为了帮助减轻这个问题,我只使用填充,当边缘因视觉渲染原因而不可接受时 . 除了排版,我通常也不会使用相对测量 .

相关问题