如何顯示的內容另一塊

Question

下面我有它顯示的考試信息，定時器和一些問題的截圖下方的某些內容：

現在的問題是，我想問題的細節顯示在考試細節下方，而不是下一個。我的問題是我怎樣才能讓問題在下面顯示？我想下一個問題的另一個以及

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; 
} 

Answer 1

從.lt-container刪除float:left。並把#rt-container以上在你的CSS的.lt-container

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

DEMO

Answer 2

您使用浮動權被強迫的div浮動權。 你可以做的是給你的左邊div的寬度100％，這將左移div的右邊div。