css-layout-overflow

CSS Taşması
overflow Mülkiyet içeriği klibi veya bir öğenin içeriği belirtilen alandaki sığmayacak kadar büyük olduğu zaman kaydırma çubukları eklemek belirtir.
overflow Özellik şu değerlere sahiptir:
visible Varsayılan. Taşma kırpılmadı. Elemanın kutusu dışına taşır
hidden Taşma kırpılmış ve içeriğin geri kalan kısmı görünmez olacak
scroll Taşma kırpılmış, ancak içeriğin geri kalanını görmek için bir kaydırma çubuğu eklendi
auto Taşma kırpılırsa, içeriğin geri kalanını görmek için bir kaydırma çubuğu eklenmelidir
Not:overflow özellik yalnızca belirli bir yüksekliğe sahip blok elemanları için çalışır.
Not: OS X Lion'da (Mac'te), kaydırma çubukları varsayılan olarak gizlidir ve yalnızca "taşma: kaydırma" ayarlanmış olsa bile, kullanılırken gösterilir.
taşma: görünür
Varsayılan olarak taşması, visible kırpılmadığı ve öğenin kutusunun dışına taşındığı anlamına gelir:
div {
width: 200px;
height: 50px;
background-color: #eee;
overflow: visible;
}

taşma: gizli
Ile hidden değeri, taşma kırpılır ve içeriğin geri kalanı gizli:
div {
overflow: hidden;
}

taşma: kaydır
Değeri ayarlayarak, scroll taşma kırpılır ve kutunun içinde ilerlemek için bir kaydırma çubuğu eklenir. Bunun, yatay ve dikey olarak bir kaydırma çubuğu ekleyeceğini unutmayın (buna ihtiyacınız olmasa bile):
div {
overflow: scroll;
}

taşma: otomatik
autoDeğer benzer scrollgerektiğinde sadece kaydırma çubukları ekleyin:
div {
overflow: auto;
}

taşma-x ve taşma-y
Özellikleri overflow-x ve overflow-y özellikleri, taşma miktarını yatay veya dikey olarak (veya her ikisinde) değiştirip değiştirmeyeceğini belirtir:
overflow-x içeriğin sol / sağ kenarlarıyla ne yapılacağını belirtir.
overflow-y içeriğin üst / alt kenarlarıyla ne yapılacağını belirtir.
div {
overflow-x: hidden; /* Hide horizontal scrollbar */
overflow-y: scroll; /* Add vertical scrollbar */
}