Mutlak konumun görmezden gelebileceğini nasıl söyleyebilirim, ebeveyn göreli konumudur?

Bu kodudur: http://jsfiddle.net/noamway/r8vMp/8/Mutlak konumun görmezden gelebileceğini nasıl söyleyebilirim, ebeveyn göreli konumudur?

<div id="website" style="width:100%;"> 
    <div id="layoutAll" style="width:200px;margin:0 auto"> 
     <div id="layout" style="width:100%;position:relative;"> 
      <div id="full_strip" style="width:100%;background-color:black;color:white;height:100px;position:absolute;left:0;"> 
      Hello world 
      </div> 
     </div> 
    </div> 
</div>

Ve "full_strip" tüm sayfa genişliği 100% olacağı gibi. Göreceli olanın ebeveynden dolayı bunu yapamam. Herhangi bir ayarı ebeveynlerden kaldıramam, öyleyse ona görmezden gelmeyi söyleyecek bir benzetme ya da başka bir şeye ihtiyacım var.

sayesinde Noam

kaynak

2013-09-02 Noamway

Maalesef, iyi anlamadı, genişlik% 100 olması için ** id = "full_strip" ** olmasını isterdiniz, hepsi bu mu? – Borsn

Evet, ancak sayfadan% 100 ve ebeveyn değil: "düzen" – Noamway

kullanım konumu yerine sabit. –

id #layout ile div width:200px çıkarın. Önemli olan iki öğe için aynı kimliği kullanmaz. Yinelenen kimlikler tehlikeli'dur.

KODU:

<div id="website" style="width:100%;"> 
    <div id="layout" style="margin:0 auto"> 
     <div id="layout" style="width:100%;position:relative;"> 
      <div id="full_strip" style="width:100%;background-color:black;color:white;height:100px;position:absolute;left:0;"> 
      Hello world 
      </div> 
     </div> 
    </div> 
</div>

DEMO FIDDLE

kaynak

2013-09-02 04:04:27 Unknown

Kimliklerimi düzeltdiğim için özür dilerim. Ve senin çözümün hakkında, değişemem ebeveyn ayardır. – Noamway

Alt öğeler ana öğeye dayanmaktadır. Yani eğer ebeveyni değiştiremezseniz, o zaman genişliğini çocuk elemanına uygulamak imkansızdır. – Unknown

Unknown'in yorumuna ek olarak, eğer width: 200px; kenar boşluğu: 0 auto' öğe yatay olarak sayfada ortalanacak, bu yüzden ebeveyni değiştirmeksizin istediğin şeyi başarabileceğini düşünmüyorum. – Harry

metin size en derin iç içe div için text-align: center; ekleyebilir ortada kalıyor istiyorsanız, bilinmeyen cevabı üzerine inşa etmek.

Kodu:

<div id="website" style="width:100%;"> 
    <div id="layoutAll" style="margin:0 auto"> 
     <div id="layout" style="width:100%;position:relative;"> 
      <div id="full_strip" style="width:100%;background-  
      color:black;color:white;height:100px;position:absolute;left:0; text-align:  
      center;"> 
        Hello world 
      </div> 
     </div> 
    </div> 
</div>

JSfiddle

kaynak

2013-09-02 05:23:08 ZeroPhase

Temelde dinamik vücuda yerine göreceli üst Div için göreli pozisyon Div içine oluşturulan mutlak pozisyon Div ilgili sorun.

Göreli ve mutlak konum, her zaman mutlak veya göreli bir konuma sahip ilk kök ana öğeyle ilişkilidir. Bu yüzden neden istediğini yapmak imkansız.

Sizin için tek çözüm, "full_strip" Div'in konumunu göreli ana öğenin dışına ve gövde etiketine yerleştirmektir.

kaynak

2013-09-02 07:36:45

Mutlak konumun görmezden gelebileceğini nasıl söyleyebilirim, ebeveyn göreli konumudur?

cevap

İlgili konular