BFC--block formatting context
在制作下拉選擇框的時候選擇內容超出了盒子大小，因此需要用到overflowY: scroll屬性男摧。
溫習一下overflow的各個屬性的含義：
visible索绪，默認值契吉。內容不會被修剪，會呈現(xiàn)在元素框之外屑迂。
hidden，內容會被修剪冯键，并且其余內容是不可見的惹盼。
scroll，內容會被修剪惫确，并且瀏覽器會使用滾動條手报。（這避免了在動態(tài)環(huán)境中滾動條的出現(xiàn)和消失問題。）打印機會打印溢出的內容改化。
auto掩蛤，取決于用戶代理。瀏覽器陈肛，例如火狐揍鸟，會在內容溢出時提供滾動條。
inherit
使用 overflow 默認值（visible）以外的值將創(chuàng)建一個新的block formatting context
塊級格式化上下文
一個塊格式化上下文包括創(chuàng)建它的元素內部所有內容句旱，除了被包含于創(chuàng)建新的塊級格式化上下文的后代元素內的元素阳藻。
塊格式化上下文對于定位 float) 與清除浮動clear 很重要。定位和清除浮動的樣式規(guī)則只適用于處于同一塊格式化上下文內的元素谈撒。浮動不會影響其它塊格式化上下文中元素的布局腥泥，并且清除浮動只能清除同一塊格式化上下文中在它前面的元素的浮動。
Pseudo-classes
更改列表的第一條樣式時使用到了偽類啃匿，以前只對鼠標懸停相關事件了解蛔外，現(xiàn)在了解了不同位置的元素都可以使用----Pseudo-classes傳送門
selector:pseudo-class { property: value; }
