margin-top belli olmaz çalışma: her iki | Netgez.com
SORU
16 Kasım 2010, Salı

margin-top belli olmaz çalışma: her iki

<div style="float: left;">Left</div>
<div style="float: right;">Right</div>
<div style="clear: both; margin-top: 200px;">Main Data</div>

Neden 'Ana Veri' yukarıdaki kod çalışıyor? margin:top.

CEVAP
16 Kasım 2010, Salı

Elemanları gerçekten değil "margin hesaplama gibi gider." bildiğim kadarıyla orada süzülüyor

İki divs süzülüyor içine koyabilirsinizbaşka birvar olan bir "taşma:" ayarlayın: . gizli 

<div style='overflow:hidden'>
  <div style="float: left;">Left</div>
  <div style="float: right;">Right</div>
</div>
<div style="clear: both; margin-top: 200px;">Main Data</div>

edit&; bu biraz eklemek İçin 5 yaşındaki bir çocuğun cevabı: - kafa karıştırıcı davranışının nedenini margin collapse biraz karışık bir süreç olduğunu düşünüyorum. OP orijinal HTML ile iyi bir numara böyle bir CSS kuralı eklemek için:

div { border: 1px solid transparent; }

Puf! Şimdi (<div> benim ek olmadan) gayet iyi çalışıyor! Peki, sınırlar bu ekstra piksel hariç. Özellikle, bendüşünüyorumclear: both çalışır şekilde bir arada ve kenar boşluğu daraltma operasyonu kod beklenmedik düzeni bu sonucu kurallar.

Bunu PaylaÅŸ:
  • Google+
  • E-Posta
Etiketler:
Css

AYNI ETÄ°KETTEKÄ° VÄ°DEOLAR

YORUMLAR

SPONSOR VÄ°DEO

Rastgele Yazarlar

  • Electro Posé

    Electro PosÃ

    21 ÅžUBAT 2013
  • jonathepianist

    jonathepiani

    31 Temmuz 2008
  • mobilenet.cz

    mobilenet.cz

    26 NÄ°SAN 2008

Ä°LGÄ°LÄ° SORU / CEVAPLAR

Ä°LGÄ°LÄ° BAÄžLANTILAR