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

Question

以下html是在＆lt; cfdocumentitem type =“header”＆gt;内提供的。块。 但输出是空的。

<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/