CSS輪廓僅出現在元素的底部？

Question

爲什麼在下面的例子中，紅色輪廓只出現在底部？ 我已經做了一些更改，但問題依然存在。 看一看： http://jsfiddle.net/ny48t/3/

Answer 1

因爲其他三面都在窗外。

Answer 2

該綱要畫在外部由邊界定義的內部矩形。在這種情況下，也是外部的可見空間，該元素可以呈現在並且「關閉頁面」。

添加一個邊距（比如5px），輪廓的剩餘部分將變爲可見。

Answer 3

您需要在其周圍留有邊距，以便可以看到邊框的其餘部分。瀏覽器窗口將其切斷。

margin: 5px;