0

嗨,有人能帮帮我吗,我的电脑让我发疯了,它昨天还在工作,现在不行了,我也在我的电脑上试过,在不同的浏览器上没有任何东西可以解决这个问题。

基本上我有一个新闻板,其中包含从 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;
}
4

2 回答 2

0

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

于 2013-02-08T17:04:11.363 回答
0

同意shnisaka。我发现没有任何 CSS 问题会产生您所看到的内容。

尝试{$news['content']}用健康的 lorem ipsum 块替换您的内容,以测试它是从 MySQL 还是从 CSS 返回的内容。

于 2013-02-08T17:20:42.947 回答