防止选择走出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; 
}