2

オーバーフロー:スクロールを使用してコメント ボックスをスクロール可能にしようとしています。最初は、高さだけで max-height を使用していたために機能していないと思っていましたが、高さを固定してもスクロールバーが表示されず、コメントが 400px の境界を押し上げました。

コメント欄のコードはこちら。

<?php
$act = $_POST['act'];
if($act == "post") {
$name = $_POST['name'];
$message  = $_POST ['message'];
@$fp = fopen("comments/comments.php", 'a');
if (!$fp) {
    //The file could not be opened
    echo "There was an error! Please try again later!";
    exit;
} else {
    //The file was successfully opened, lets write the comment to it.
    $outputstring = 
    "<article class='comment'>
    <br>
    <p><span class='label'>Name:</span> " .$name. "</p>
    <br> 
    <p><span class='label'>Comment:</span>" .$message. "</p>
    <br>
    <hr/ >
    </article>";

    //Write to the file
    fwrite($fp, $outputstring, strlen($outputstring));

    //We are finished writing, close the file for security / memory management purposes
    fclose($fp);

    //Post the success message
    echo "Your post was successfully entered. Click <a href='index.php'>here</a> to continue.";
}
} else {
//We are not trying to post a comment, show the form.
?>

//THIS HERE IS THE COMMENTS SECTION DIV

<div class="commentSection">
<h3>comments:</h3>
<hr/>
<?php include("comments/comments.php"); ?>
</div>

//THIS HERE IS THE COMMENTS SECTION DIV


<br><br>

<h3>Post a comment:</h3>
<form action="index.php" method="post">
<label>Name:<label>
<input type="text" name="name" value=""></input>
<br/>
<label>Comment:</label>
<textarea name="message"></textarea>
<input type="hidden" name="act" value="post"></input>
<br/>
<input type="submit" name="submit" value="Submit"></input>
</form>
<?php
}
?>

これがそのCSSスタイルです。

.commentSection{
height:400px;
overflow:scroll;
}

なぜそれができないのか、誰かが何か考えを持っていますか? divにphpなどを入力しているためですか？

前もって感謝します。

4

2 に答える 2

1

次の行には終わりがありません}

@media screen and (max-width: 600px) {

クロムでcssファイルをチェックしたところ、そこにありましたが、divのプロパティには表示されませんでしたheight:400px; overflow:scroll;が、追加すると機能したため、本来の方法で表示されない可能性があります}。ほとんどの}場合、欠落していることがわかり、ほとんどのブラウザは欠落している情報がどこにあるかを推測しようとし、ファイル/最後の行の最後に配置します（これはビューソースまたはその他のものには表示されませんが、完了しました内部的に) また、ブラウザのウィンドウは最大 600px/画面ではありません。

于 2013-05-17T03:02:03.727 に答える