嵌套浮动在CFDOCUMENT css中不起作用

Question

下面的html是在<cfdocumentitem type ="header">块中提供的.但输出是空的.

<div class="grid">                              
    <div class="span5">
        <div class="span5">
            Label1
        </div>
        <div class="span5">
            Data1
        </div>
    </div>
    <div class="span5">
        <div class="span5">
            Label2
        </div>
        <div class="span5">
            Data2
        </div>
    </div>
    <div style="clear:both"></div>
</div>

但是当我删除嵌套的'class ="span5"'div并在那里放一些内容时,它工作正常.在cfdocument中嵌套浮点数有什么问题吗???

Answer 1

不幸的是,CFDOCUMENT中的CSS支持有点受欢迎.

遵循的2条规则可能会有所帮助:

1. 确保您的HTML验证为XHTML 1.0 Transitional

2. 使用导入样式表

   <style type="text/css" media="screen">@import "style.css";</style>
   

同样的信息可以在这里找到:http://rip747.wordpress.com/2007/09/10/cfdocument-it-works-if-you-know-how/