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

前端之家收集整理的这篇文章主要介绍了html – 为什么CSS min-width属性不强制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中正常工作。

猜你在找的HTML相关文章