html – 为什么CSS min-width属性不强制div具有指定的最小宽度？

发布时间：2020-12-14 21:43:53 所属栏目：资源来源：网络整理

导读：html head style type="text/css" div { border:1px solid #000; min-width: 50%; } /style /head body divThis is some text. /div /body/html 我相信div应该是页面的50％，除非由于某种原因，div内的文本会变大。但是，div周围的边框横跨整个页面宽度。这

<html>
    <head>
        <style type="text/css">
            div {
                border:1px solid #000;
                min-width: 50%;
            }
        </style>
    </head>
    <body>
        <div>This is some text. </div>
    </body>
</html>

我相信div应该是页面的50％，除非由于某种原因，div内的文本会变大。但是，div周围的边框横跨整个页面宽度。这发生在IE和Firefox中。

建议？

解决方法

如果您为元素提供绝对定位，那么Firefox中的位置将为50％。但是，IE不喜欢min-width或min-height属性，因此您必须将宽度定义为50％，以使其在IE中正常工作。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!