为什么我的内容不在包装div中

时间:2014-01-09 12:40:17

标签: html css

我的问题是我的'内容'div不会留在'sitewrapper'div内。

HTML:

<div class="sitewraper">
   <div class="categorietree">
      <?php echo $categorietree; ?>
   </div>
   <div class="content">
      <?php echo $content; ?>
   </div>
</div>

CSS:

div.sitewrapper
{
    height:99%;
    width:100%;
    top:75px !important;
    position:relative;
}

div.categorietree
{
    float:left;
    height:100%;
    width:20%;
}

div.content
{
    float:left;
    height:100%;
    width:80%;
}

这是问题所在:

enter image description here

有人能告诉我我做错了什么。

1 个答案:

答案 0 :(得分:4)

或者:

  1. 您的javascript库重新排列DOM中的元素(但不太可能 *)。

  2. 您的动态$content$categorietree次注入包含额外的</div>代码!

  3. *像jQuery Mobile这样的库通常只会将元素移入和移出库的特殊元素,它们不会单独输出并混淆其他元素。

    可能是#2。

    如果动态注入内容,请务必清理并清理HTML!

    简单测试:在回复内容之前对您的内容使用此功能:http://www.php.net/strip_tags

    所以,试试这个......

    <div class="sitewraper">
       <div class="categorietree">
          <?php echo strip_tags( $categorietree ); ?>
       </div>
       <div class="content">
          <?php echo strip_tags( $content ); ?>
       </div>
    </div>