0

以下のスクリーンショットには、試験情報、タイマー、およびいくつかの質問が表示されています。

ここに画像の説明を入力

問題は、質問の詳細を試験の詳細の下ではなく、その下に表示することです。私の質問は、質問を下に表示するにはどうすればよいですか? 私は同様にお互いの下に質問が欲しい

HTML/PHP:

//EXAM DETAILS
 <div class='lt-container'>

    <p><input type='hidden' id='studentId' name='studentId' value='<?php echo $dbStudentId; ?>' /></p>
    <p><strong>Student:</strong><?php echo $dbStudentAlias . " - " . $dbStudentForename . " " . $dbStudentSurname; ?> <br/>
    <strong>Module:</strong><?php echo $dbModuleNo . " - " . $dbModuleName; ?> 
    <input type='hidden' id='moduleId' name='moduleId' value='<?php echo $dbModuleId; ?>' /><br/>
    <strong>Assessment:</strong><?php echo $dbSessionName . " - " . date('d-m-Y',strtotime($dbSessionDate)) . " - " . date('H:i',strtotime($dbSessionTime)); ?> 
    <input type='hidden' id='sessionId' name='sessionId' value='<?php echo $dbSessionId; ?>' /><br/>
    <strong>Assessment Weight: </strong><?php echo $dbSessionWeight; ?> <br/>
    <strong>Total Marks: </strong><?php echo $dbTotalMarks; ?> <br/>
    <strong>Penalty: </strong><?php echo $penaltymsg; ?> </p>
    </div>

//TIMER
    <div id='rt-container'>
    <h1><span id='countdown'><?php echo $dbSessionDuration; ?></span></h1>
    </div>

    <?php
    }

//QUESTION DETAILS
    foreach ($arrQuestionId as $key=>$question) {

    ?>

    <div class='lt-container'>
    <p><strong>QUESTION <span id="quesnum"></span>:</strong></p>
    <p><?php echo htmlspecialchars($arrQuestionNo[$key]) . ": " .  htmlspecialchars($arrQuestionContent[$key]); ?></p>
    </div>

CSS:

.lt-container{
 float: left;   
 }

#rt-container {
 clear: right;
 float:right;  
}
4

2 に答える 2

0

から削除float:leftし.lt-containerます。そして、#rt-container上に配置します.lt-container

.lt-container{   
 }
#rt-container {
 float:right;  
    background:red
}

デモ

于 2013-02-07T07:09:54.227 に答える