html - 最小宽度在 IE 中不适用于卡住布局

Question

我想在网站模板中制作卡住布局，但我在 Internet Explorer 中遇到问题。

我是这样做的

<div id="NewsBlock">
    <div id="aboutUs">
        <h1></h1>
        <span class="OpenDayBanner"></span>
        <p>You can replace the paragraph above with some text describing your FAQ system. Here's an example: If you have questions about our web site, our products or our services, there’s a good chance you’ll find the answer here</p>
    </div>
</div>

对于 CSS 我是这样写的

div#NewsBlock{
    min-width: 1300px;   //this work for Firefox and chrome
    width:100%;
    overflow: hidden;
    height: 510px;
    background-image:url(../images/aboutstartupbg.png);
    background-repeat: repeat-x;
 }

使用宽度的最小宽度和百分比值使布局在 Firefox 和 Chrome 中卡住，但在 IE 中不起作用!有什么建议吗

Answer 1

您必须定义 min-width <p> 的属性(property)元素。

例子:

p.myClass {
    min-width: 420px;
   }