SORU
8 EYLÜL 2009, Salı


CSS:'s üst sınır var ne zaman Margin-top

this picture gördüğünüz gibi div yeşil içinde bir tane de portakal var hiç bir üst sınır ile div. Turuncu div 30px üst kenar boşluğu vardır, ama aynı zamanda div aşağı yeşil bastırıyor. Tabii ki, üst kenarlık ekleme sorunu çözecektir, ama YEŞİL div üst sınırsız olması lazım. Ne yapabilirdim ki?

html:

<div class="header">Top</div>
<div class="body">
    <div class="container">Box</div>
</div>
<div class="foot">Bottom</div>

css:

.body {
    border: 1px solid black;
    border-top: none;
    border-bottom: none;
    width: 120px;
    height: 112px;
    background-color: lightgreen;
}

.body .container {
    background-color: orange;
    height: 50px;
    width: 50%;
    margin-top: 30px;
}

Teşekkürler

CEVAP
8 EYLÜL 2009, Salı


.body overflow:auto margin-yıkılmasını önlemek için ekleyebilirsiniz. http://www.w3.org/TR/CSS2/box.html#collapsing-margins bkz

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • campos9896

    campos9896

    24 Mart 2012
  • jesiel santos

    jesiel santo

    15 Ocak 2009
  • NYLON Video

    NYLON Video

    11 Aralık 2006