添加php文件后div的位置发生了变化

时间:2012-10-25 03:27:57

标签: php web

我有一个像这样的PHP代码,主要从网站上获取rss feed

<?php
     $xmlstr = file_get_contents("http://news.myweb.com.au/index.php?format=feed&amp;type=rss");    
     $xml_object = new SimpleXMLElement($xmlstr);    
     $items = $xml_object->channel->item;
?>    
<?php foreach($items as $item):?>    
    <h1> <?php echo $item->title;?> </h1>       
    <p >
        <?php echo substr($item->description, 0, 250);?>...
        <a href="<?php echo $item->link;?>">Read More</a>
    </p>    
<?php endforeach; ?>
now I am including that file in some other file like this

<div class="leftColumnH">               
    <?php include('blog.php');?>
</div>

<div class="rightColumnH">                              
<h2  class="fontstyle leftColumnText ">Web Development & Graphic Design</h2>
some test here                      
</div>

但是当我在浏览器中看到它时,“rightcolumn”进入div中,在leftColunm中有一个“feed-description”类。

2 个答案:

答案 0 :(得分:0)

我假设您使用float为leftColumnH和rightColumnH。

当你为子div使用float时,除非你的父div也有float属性,否则父div的高度不会被设置为子div的高度。

例如:

创建这些类

.parent{ border:1px solid red;}
.childLeft{border:1px solid blue;float:left;width:49%; height:100px;} 
.childRight{border:1px solid blue;float:right;width:49%; height:100px;}

现在在你的html文件中

<div class="parent">
  <div class="childLeft"></div>
  <div class="childRight"></div>
</div>

如果您运行此文件,您将能够看到您的子div不会正确包含在您的父div中。

这样做只是尝试将float属性应用于父div。请参阅下面的CSS

.parent{ border:1px solid red;float:left;width:100%}

现在,如果您运行此文件,则可以看到您的子div将包含在您的父div中。

我建议你在代码中检查一下并进行必要的样式更改。这与PHP无关。您最好使用父div和CSS代码发布CSS代码。因为我回答你,假设你正在为儿童div使用浮动。

答案 1 :(得分:0)

您必须确保<?php echo substr($item->description, 0, 250);?>没有回应任何div标签。如果$item->description包含<div>标记,那么您的截断可能会删除</div>标记。 如果它的回显div标签然后关闭标签。

希望这有帮助。