別のコンテンツブロックの下に特定のコンテンツを表示する方法

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

enter image description here

今問題は、質問の詳細を試験の詳細の下に表示することです。私の質問は、どのように質問を下に表示することができますか?私はお互いに質問をしたい

HTML/PHP:

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

    

<input type='hidden' id='studentId' name='studentId' value='<?php echo $dbStudentId; ?>' />

Student:<?php echo $dbStudentAlias . " - " . $dbStudentForename . " " . $dbStudentSurname; ?>
Module:<?php echo $dbModuleNo . " - " . $dbModuleName; ?> <input type='hidden' id='moduleId' name='moduleId' value='<?php echo $dbModuleId; ?>' />
Assessment:<?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; ?>' />
Assessment Weight: <?php echo $dbSessionWeight; ?>
Total Marks: <?php echo $dbTotalMarks; ?>
Penalty: <?php echo $penaltymsg; ?>

</div> //TIMER <div id='rt-container'>

<?php echo $dbSessionDuration; ?>

</div> <?php } //QUESTION DETAILS foreach ($arrQuestionId as $key=>$question) { ?> <div class='lt-container'>

QUESTION :

<?php echo htmlspecialchars($arrQuestionNo[$key]) . ": " . htmlspecialchars($arrQuestionContent[$key]); ?>

</div>

CSS:

.lt-container{
 float: left;   
 }

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

2 答え

Remove float:left from the .lt-container. And place the #rt-container above the .lt-container

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

デモ

0
追加された

あなたは右にあなたのCSSの浮動小数点を使用しているdivを強制的に浮動小数点。 あなたができることは左divの下に右divをシフトする左divに幅100%を与えることです。

0
追加された