html – 保持填充使元素更大？_html-js-css

概述我有一个具有70％宽度的元素,并且浮动在宽度为30％的元素旁边,但是当我添加25px的填充时,它扩展元素并打破格式,是否有任何方法使它只是增加内容距离从边缘而不是只是使它更大？当您使用边框模型时,填充将包含在框大小中.详见 here. <!DOCTYPE html><html> <head> <title>padding example</title> 我有一个具有70％宽度的元素,并且浮动在宽度为30％的元素旁边,但是当我添加25px的填充时,它扩展元素并打破格式,是否有任何方法使它只是增加内容距离从边缘而不是只是使它更大？解决方法当您使用边框模型时,填充将包含在框大小中.详见 here.

<!DOCTYPE HTML><HTML>    <head>        <Title>padding example</Title>        <style type="text/CSS">        .seventy {            display: block;            float: left;            wIDth: 70%;            background-color: red;        }        .thirty {            display: block;            float: left;            wIDth: 30%;            padding: 25px;            Box-sizing: border-Box;            -webkit-Box-sizing: border-Box;            -moz-Box-sizing: border-Box;            background-color: green;        }        </style>    </head>    <body>        <div >Stuff</div>        <div >More Stuff</div>    </body></HTML>

总结

以上是内存溢出为你收集整理的html – 保持填充使元素更大？全部内容，希望文章能够帮你解决html – 保持填充使元素更大？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/1100407.html