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']}获得的价值是多少？如果它包含
那么你应该删除它们，你的问题将得到解决。另一种确认CSS没有问题的方法是将{$news['content']}放在文档的开头

Answer 2

同意shnisaka。我发现没有CSS问题会产生你所看到的。

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

div文本与css无法正确定位？

2 个答案: