防止選擇走出div：

Question

select標記將走出背景<div>。我不想給HTML頁面的背景顏色body。任何HTML，CSS和jQuery的解決方案都是值得歡迎的。

這裏是Plunker嵌入式代碼：http://embed.plnkr.co/dJTbTgedcOLyxmX07Dzj/

Answer 1

添加</article>作爲展示如下明確格低於

<article> 
..... 
</article> 
<div style="clear:both;"></div> 

Answer 2

你有一個浮動元素nav，所以你必須清除.nitDiv。

或者你可以只添加以下內容：

.nitDiv{ 
     overflow: hidden; 
} 

前瞻： https://plnkr.co/edit/dJTbTgedcOLyxmX07Dzj?p=preview

Answer 3

這個CSS國防部也適用通過調整div的大小：

.nitDiv { 
     background-color: #f1f1f1; 
     display:flex; 
}