php - div 文本未使用 css 正确定位？

Question

嗨，有人能帮帮我吗，我的电脑快把我逼疯了，它昨天还能用，现在不行了，我也在我的电脑上试过了，但在不同的浏览器上没有任何东西可以解决这个问题。

基本上我有一个新闻板，其中包含从 mysql 获取的新闻提要。

我正在尝试将文本封装在一个名为“news_feeds_board_text”的 div 中，以便我可以按需要放置它。

无论我给这个文本的宽度或填充是什么，它仍然会溢出到右侧。

请有人告诉我哪里出了问题，非常感谢。

例如，而不是像我想要的那样:

The Cat Sat on the 
Fence and licked 
itself over and 
over again.

它这样做:

The Cat Sat on the Fence and licked itself over and over again.

它在新闻板上溢出，我不知道为什么。我知道这是一个 CSS 问题，但我不知道怎么办？

这是我的 div 是如何用 php 布局的:

<?php
        $social_feeds_set = get_social_feeds_set();
        while ($feeds = mysql_fetch_array($social_feeds_set)) {


?>


        <div class="socialcase" id="socialcase">
        <div class="socialcase_top"></div>
             <div class="socialcase_img">
             <?php echo "<a href=\"profile.php?id={$feeds['user_id']}\"><img width=\"60px\" height=\"60px\" src=\"data/photos/{$feeds['user_id']}/_default.jpg\" /></a>";?></div>

             <div class="social-text">
             <?php echo "{$feeds['display_name']}"; ?> says:<br/><br/><?php echo "{$feeds['content']}"; ?> 
          </div>
         </div>


         <? } ?>
 <div class="board-wall-feeds">        
<div class="social_header">
<?php echo "$profile[2]" ?>'s News & Updates:
</div>        




 <?php
        $social_news_board = social_news_board();
        while ($news = mysql_fetch_array($social_news_board)) { ?>



        <div class="news_feeds_board">
        <div class="social_clip"></div>
        <div class="news_feeds_board_text"><? echo "{$news['content']}";  ?></div>

        <div class="social_footer">





        <?
        $datetime1 = new DateTime();
        $datetime2 = new DateTime ($news['date_added']);
        $interval = $datetime1->diff($datetime2);
        $mdhms = explode('-',$interval->format('%m-%d-%H-%i-%s'));

$labels = Array(' months', ' days', ' hours', ' minutes', ' seconds');
$i = 0;
foreach($mdhms as $t){
  if($t > 0) break;
  $i+=1;
}
        echo "about ".$t.$labels[$i]." ago"; ?></div></div>
        <? } ?>



</div>

这是 div 的 css，它只能导致问题:

.board-wall-feeds {
    text-align: left;
    font-family: Arial;
    font-size: 12px;
    color: #6d6d6d;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 20px 15px 20px 15px;
    margin-top:0px;
    margin-left:275px;
    -moz-box-shadow: 2px 3px 2px #d6d6d6;
    -webkit-box-shadow: 2px 3px 2px #d6d6d6;
    box-shadow: 2px 3px 2px #d6d6d6;
    display: block;
    width:300px;
    height:400px;
    position:absolute;
    z-index:10;
    padding-top:15px;
    overflow:hidden;



}

.news_feeds_board {
    width:301px;
    min-height:50px;
background: #ffffff;
border-top:1px dashed #ccc;
border-bottom:1px dashed #ccc;
float:right;
position:relative;
z-index:99;
margin-right:0px;

}

.news_feeds_board_text {
    padding-left:0px;
padding-right:20px;
padding-bottom:20px;
padding-top:20px;
color:#666;
}

Answer 1

您的 CSS 没有任何问题。唯一可能影响代码中文本显示的是:{$news['content']}。您从 {$news['content']} 获得的值(value)是多少？如果它包含
那么你应该删除它们，你的问题就会得到解决。另一种确认您的 CSS 没有问题的方法是将 {$news['content']} 放在文档的开头