SORU
20 HAZİRAN 2013, PERŞEMBE


İki salak yan - Sıvı ekran yana

Yan yana iki div yan yana yerleştirmek için çalışıyor ve bunun için aşağıdaki CSS kullanıyorum.

#left {
  float: left;
  width: 65%;
  overflow: hidden;
}

#right {
  overflow: hidden;
}

HTML, iki sol ve kapsayıcı bir div içinde div basit değil.

<div id="wrapper">
  <div id="left">Left side div</div>    
  <div id="right">Right side div</div>
</div>

Bir çok kez Stackoverflow ve diğer siteleri daha iyi bir yol aramak için çok çalıştım, Ama tam bir yardım bulamadım.

Yani, bu kod ilk bakışta gayet iyi çalışıyor. Sorun sol dıv ( % ) genişliği arttıkça otomatik olarak doldurma/marj olur bu. Yani, 65'i genişlikte, sol dıv bazı dolgu veya marjı yaşıyor ve doldurma/marj 0 ama şans doğru div ile mükemmel uyumlu, denedim. Ben sayfayı yakınlaştırmak ikincisi, Eğer, Sağ Sol dıv dıv aşağıda slaytlar, gibi akışkan olmayan ekranı.

Not: özür dilerim, çok araştırdım, bu soru birçok kez soruldu ama bu cevaplar bana yardım etmiyorsun, benim durumumda sorunun ne olduğunu açıkladım.

Bunun için bir düzeltme var umuyoruz.

Teşekkür ederim.

EDİT: Özür dilerim, sorun benim HTML, iki" her iki sol ve sağ taraf,%, sol taraf daha büyük genişliği nedeniyle daha fazla doldurma gösterdi doldurma vardı divs. "kutu vardı Özür dilerim, yukarıdaki CSS mükemmel çalışır, sıvı ve görüntü, yanlış soru sorduğum için Özür dilerim. düzeltildi....

CEVAP
20 HAZİRAN 2013, PERŞEMBE


Fiddle

Bunun yerine gibi bir sistem deneyin

HTML:

<section>
    <div id="one"></div>
    <div id="two"></div>
</section>

CSS:

section {
    width: 80%;
    height: 200px;
    background: aqua;
    margin: auto;
    padding: 10px;
}
div#one {
    width: 15%;
    height: 200px;
    background: red;
    float: left;
}
div#two {
    margin-left: 15%;
    height: 200px;
    background: black;
}

Sen sadece boşluğu-sol kullanırsanız bir div-div genişliği eşit üzerinde yüzer gerekir. Bu zoom ne olursa olsun çalışacak ve alt-piksel sorun olmaz.

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Madeon

    Madeon

    31 Ocak 2010
  • RinconDynamic

    RinconDynami

    1 EKİM 2011
  • TomSka

    TomSka

    30 Mayıs 2006