Question

有3个浮动的div，我已设置为响应。它在Dreamweaver的实时视图中工作正常，但在浏览器中测试时却没有。这是一个小提琴http://jsfiddle.net/pa5Ey/

CSS

#maincontentInner{
    max-width:1170px;
    position:relative;
    margin:0 auto;
    background-color:#FFF;
    overflow:hidden;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #999999;
    border-left-color: #999999;
    padding-top:50px;
    }

.3col {
    width: 32.26%;
    margin-right:1.6%;
    float:left;
    text-align:center;
}

和标记

<div class="3col" style="margin-left:1.9%">
        Some Text Here<br />
        Some Text Here<br />
        Some Text Here<br />
        Some Text Here<br />
    </div>

    <div class="3col">
        Some Text Here<br />
        Some Text Here<br />
        Some Text Here<br />
        Some Text Here<br />
    </div>

    <div class="3col">
        Some Text Here<br />
        Some Text Here<br />
        Some Text Here<br />
        Some Text Here<br />
    </div>
    <div class="clearfix"/>

  </div><!-- End maincontentInner -->

Answer 1

CSS不允许以数字开头的类名。第一个字必须是一个字母。

Updated jsfiddle

.threecol {
    width: 32%;
    margin-right:1%;
    float:left;
    text-align:center;
}

Answer 2

宽度和边距不适用于小数所以正确的代码将是：

.threecol {
    width: 32%;
    margin-right:1%;
}

Div不在浏览器中响应

2 个答案: