<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>overflow</title>
<style type="text/css">
.box1{
width: 200px;
height: 200px;
background-color: #bfa;
/*
* 子元素默認是存在於父元素的內容區中，
* 理論上講子元素的最大可以等於父元素內容區大小
* 如果子元素的大小超過了父元素的內容區，則超過的大小會在父元素以外的位置顯示，
* 超出父元素的內容，我們稱爲溢出的內容
* 父元素默認是將溢出內容，在父元素外邊顯示，
* 通過overflow可以設置父元素如何處理溢出內容：
* 可選值：
* - visible，默認值，不會對溢出內容做處理，元素會在父元素以外的位置顯示
* - hidden, 溢出的內容，會被修剪，不會顯示
* - scroll, 會爲父元素添加滾動條，通過拖動滾動條來查看完整內容
* - 該屬性不論內容是否溢出，都會添加水平和垂直雙方向的滾動條
* - auto，會根據需求自動添加滾動條，
* 需要水平就添加水平
* 需要垂直就添加垂直
* 都不需要就都不加
*/
overflow: auto;
}
.box2{
width: 100px;
height: 500px;
background-color: red;
}
</style>
</head>
<body>
<div class="box1">
在我的後園，可以看見牆外有兩株樹，一株是棗樹，還有一株也是棗樹。
這上面的夜的天空，奇怪而高，我生平沒有見過這樣奇怪而高的天空。他彷彿要離開人間而去，使人們仰面不再看見。然而現在卻非常之藍，閃閃地䀹着幾十個星星的眼，冷眼。他的口角上現出微笑，似乎自以爲大有深意，而將繁霜灑在我的園裏的野花草上。
我不知道那些花草真叫什麼名字，人們叫他們什麼名字。我記得有一種開過極細小的粉紅花，現在還開着，但是更極細小了，她在冷的夜氣中，瑟縮地做夢，夢見春的到來，夢見秋的到來，夢見瘦的詩人將眼淚擦在她最末的花瓣上，告訴她秋雖然來，冬雖然來，而此後接着還是春，蝴蝶亂飛，蜜蜂都唱起春詞來了。她於是一笑，雖然顏色凍得紅慘慘地，仍然瑟縮着。
棗樹，他們簡直落盡了葉子。先前，還有一兩個孩子來打他們，別人打剩的棗子，現在是一個也不剩了，連葉子也落盡了。他知道小粉紅花的夢，秋後要有春；他也知道落葉的夢，春後還是秋。他簡直落盡葉子，單剩乾子，然而脫了當初滿樹是果實和葉子時候的弧形，欠伸得很舒服。但是，有幾枝還低亞着，護定他從打棗的竿梢所得的皮傷，而最直最長的幾枝，卻已默默地鐵似的直刺着奇怪而高的天空，使天空閃閃地鬼䀹眼；直刺着天空中圓滿的月亮，使月亮窘得發白。
鬼䀹眼的天空越加非常之藍，不安了，彷彿想離去人間，避開棗樹，只將月亮剩下。然而月亮也暗暗地躲到東邊去了。而一無所有的乾子，卻仍然默默地鐵似的直刺着奇怪而高的天空，一意要制他的死命，不管他各式各樣地䀹着許多蠱惑的眼睛。
哇的一聲，夜遊的惡鳥飛過了。
我忽而聽到夜半的笑聲，喫喫地，似乎不願意驚動睡着的人，然而四圍的空氣都應和着笑。夜半，沒有別的人，我即刻聽出這聲音就在我嘴裏，我也即刻被這笑聲所驅逐，回進自己的房。燈火的帶子也即刻被我旋高了。
後窗的玻璃上丁丁地響，還有許多小飛蟲亂撞。不多久，幾個進來了，許是從窗紙的破孔進來的。他們一進來，又在玻璃的燈罩上撞得丁丁地響。一個從上面撞進去了，他於是遇到火，而且我以爲這火是真的。兩三個卻休息在燈的紙罩上喘氣。那罩是昨晚新換的罩，雪白的紙，折出波浪紋的疊痕，一角還畫出一枝猩紅色的梔子。
猩紅的梔子開花時，棗樹又要做小粉紅花的夢，青蔥地彎成弧形了……我又聽到夜半的笑聲；我趕緊砍斷我的心緒，看那老在白紙罩上的小青蟲，頭大尾小，向日葵子似的，只有半粒小麥那麼大，遍身的顏色蒼翠得可愛，可憐。
我打一個呵欠，點起一支紙菸，噴出煙來，對着燈默默地敬奠這些蒼翠精緻的英雄們。
一九二四年九月十五日。
</div>
</body>
</html>
