结算页脚不工作

我试图清除页脚像这样：结算页脚不工作

<div> 
    <div class="left">Left</div> 
    <div class="right">Right</div> 
    <div class="footer clear">Footer</div> 
<div>

.left { 
    background-color: red; 
    float: left; 
} 

.right { 
    background-color: blue; 
    float: right; 
} 

.footer { 
     background-color: orange; 
} 

// clear 
.clear { 
    clear: both; 
}

小提琴这里：http://jsfiddle.net/RYYFw/8/

但页脚不结算。有谁知道为什么？

来源

2013-03-25 Jamie Fearon

事实上，删除无效的意见> http://jsfiddle.net/RYYFw/15/ – BenM 2013-03-25 10:43:45

这是您的意见//导致的错误。它不允许在CSS中使用。

使用/* comment */

来源

2013-03-25 10:41:44 btevfik

要展开这个答案，第15行中的'// clear'注释会抛出一个'样式结束符'异常，从而阻止渲染任何进一步的样式。 – 2013-03-25 10:43:46

不错的赶上哥们。我想为一些研究工作提出问题：P – 2013-03-25 10:46:37

@Mr_Green几个小时前，我看到有人有完全相同的事情。在html，js和css有不同的评论规则的地方，这是如此混乱。 – btevfik 2013-03-25 10:48:16

如果您删除无效//评论你会得到你想要的结果..

来源

2013-03-25 10:43:04 Rob

结算页脚不工作

回答

相关问题