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

Question

我的问题是我的“内容” 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%;
}

这就是问题：

有人可以告诉我我在做什么错。

Answer 1

要么：

1. 您的JavaScript库会重新排列DOM中的元素（ 但这不太可能 *）。

2. 动态$content或$categorietree注入包含一个额外的</div>标签！

*像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>