Question

我真的不知道该怎么做。

我做了一个非常简单的留言簿，它的确定和所有，但在显示评论时

文本从div中溢出

我正在尝试使用pre但没有工作

这是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>

                                <?

                            }

                    ?>

可以请某人给我提示

Answer 1

.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％。你只需要填充。

以下是您的情况：http://jsfiddle.net/crg2U/2/ 这里的儿童宽度为100％：http://jsfiddle.net/crg2U/3/

Css文本溢出div

1 个答案: