Css文本溢出格

我真的不知道該怎麼辦。Css文本溢出格

我做了一個非常簡單的留言本，它的確定和所有的，但顯示的評論

當文本從DIV

我與前卻沒有工作

這裏試圖被泄漏出來CSS的

.guestbook_content { 
    width: 100%; 
    height: 100%; 
    background: #FFE4E1; 
    padding: 5px; 
    font-size: 12px; 
    margin-bottom: 10px; 
} 

#box { 
    width: 628px; 
    height: 438px; 
    background: #fefefd ; 
    overflow-y: scroll; 
    overflow-x: hidden; 

}

的HTML和PHP

<div id='box'> 
         <div id='box_title'></div> 
         <div id="box_text"> 
          <?php 
          if(isset($_POST['mehet'])) { 
           $message= ''; 
           $the_name= mysql_real_escape_string(strip_tags($_POST['nev'])); 
           $comment = mysql_real_escape_string(strip_tags($_POST['comment'])); 
           $date = date('Y.m.d H:i:s'); 

           if(!empty($comment) && !empty($the_name)) { 
           //mysql_query("INSERT INTO vendeg (name, comment, date) VALUES ('$the_name', $comment', '$date')") or die(mysql_error()); 
           mysql_query(" INSERT INTO guesstb(the_name, comment, date) VALUES ('$the_name', '$comment', '$date') "); 
           }else { 
            $message= '<b><font color="darkred">Pleasse fill out all inputs</b></font>'; 
           } 
          } 
          ?> 
          <?php echo $message; ?> 
          <form action='<?php echo the_permalink();?>' method='POST'> 


          <label for='nev' class='gbl'>Name:</label> 
          <input type='text' name='the_name' id='the_name' class='gbi'> 

          <label for='comm' class='gbl'>Comment:</label> 
          <textarea name='comment' id='comm' rows='5' cols='60' class='gbt'></textarea> 
          <input type='submit' class='submit' value='Beküld' name='mehet'> 
          </form> 
          <?php 
          $result = mysql_query("SELECT * FROM guesstbORDER BY date DESC"); 
          while($row = mysql_fetch_array($result)) 
          { 

          ?><div class='guestbook_head'><span>sent by:</span> <b><?php echo $row['nev']; ?></b> <span> - date:</span> <?php echo $row['date']; ?> </div><? 

           ?> 

            <div class='guestbook_content'><?echo $row['comment'];?></div> 

           <? 

          } 

        ?>

可以請人可以給我暗示

來源

2011-03-13 The Side

是你有可能發佈用於測試，而不是PHP的一個部分生成html代碼？這會讓我很容易測試。 – Chris 2011-03-13 11:16:36

.guestbook_content { 
    width: 100%; <-- drop this rule 
    height: 100%; 
    padding: 5px; 
} 

#box { 
    width: 628px; 
}

你給孩子的div寬度：100％+填充爲5px，這使得=父DIV的100％：628px + 5px的左填充+ 5px的右填充這樣的孩子div是638px寬。只需在兒童身上減少100％的寬度。所有你需要的是填充。

這裏的jsfiddle與您的情況：http://jsfiddle.net/crg2U/2/ 這裏是DROP掉在孩子100％的寬度：http://jsfiddle.net/crg2U/3/

來源

2011-03-13 11:23:32

Css文本溢出格

回答

相關問題