overflow屬性定義了當子元素超越了包含它的元素時,子元素的顯示方式。如果內容太多,overflow屬性說明內容是否顯示以及如何顯示。
overflow屬性有4個可能值:
- visible:內容未被剪切,顯示在元素外;
- hidden:內容被剪切,但是瀏覽器不顯示滾動條,無法看到剩餘的內容;
- scroll:即使有足夠空間顯示全部內容,瀏覽器也顯示滾動條;
- auto:如果內容太多,瀏覽器將顯示滾動條以查看剩餘內容;
下面我們就看看每個值會產生的效果:
overflow:auto; | overflow:hidden; | overflow:visible; | overflow:scroll; |
所有的框模型一開始都是按文檔中正常的元素流定位,而定位position屬性允許我們改變這些自然的位置。
|
所有的框模型一開始都是按文檔中正常的元素流定位,而定位position屬性允許我們改變這些自然的位置。
|
所有的框模型按文檔中正常的元素流定位。
|
關於佈局的內容基本上就這些了吧,還有一些高級的特性就需要大家自己學習積累、使用纔是王道!