<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中正常工作。