«css-position» etiketlenmiş sorular

Sayfamda ortaya position:fixedhizalanmış bir div almaya çalışıyorum . Bu "hack" i kullanarak bunu her zaman kesinlikle konumlandırılmış div'lerle yapabildim left: 50%; width: 400px; margin-left:-200px ... burada margin-left değeri, div genişliğinin yarısı kadardır. Bu, sabit konumlu div'ler için işe yaramıyor gibi görünüyor, bunun yerine onları yalnızca en sol köşeleri% 50'de olacak …

127 html  center  alignment  css-position 

konum: yapışkan şu anda bazı mobil tarayıcılarda çalışıyor, böylece bir menü çubuğunu sayfada kaydırabilir, ancak daha sonra kullanıcı sayfayı kaydırdığında görüntü alanının üst kısmına bağlı kalabilirsiniz. Peki ya yapışkan menü çubuğunuzu şu anda 'yapışma' halindeyken biraz yeniden biçimlendirmek istiyorsanız? Örneğin, sayfa ile kaydırıldığında çubuğun yuvarlatılmış köşelere sahip olmasını isteyebilirsiniz, ancak …

111 css  css-selectors  css-position 

Bu konuda biraz takıldım ve bu position: sticky+ flexbox gotcha'yı paylaşacağımı düşündüm : Yapışkan div'im, görüşümü bir esnek kutu kapsayıcısına değiştirene kadar iyi çalışıyordu ve birdenbire, bir flexbox ebeveynine sarıldığında div yapışkan değildi. .flexbox-wrapper { display: flex; height: 600px; } .regular { background-color: blue; } .sticky { position: -webkit-sticky; position: …

107 css  flexbox  css-position  sticky 

Aşağıdaki CSS'ye sahip bir öğem var: .elem { left: 0; position: fixed; right: 0; width: 60%; z-index: 1000; } Öğe tüm ekrana yayılmaz. Ekranın sağ tarafına "hizalanmasını" istiyorum. Sol: 0'ı kaldırırsam bu kolay olurdu , ancak yukarıdaki CSS'yi değiştiremem, bu yüzden sol: 0 CSS'yi geçersiz kılmak, devre dışı bırakmak veya …

104 css  css-position 

Herhangi biri bana arasındaki Fark söyleyebilir style = "position:absolute"ve style = "position:relative" ve nasıl durumunda farklılık ben eklemek div/ span/ inputelemanları? absoluteŞu anda kullanıyorum ama relativeaynı zamanda keşfetmek istiyorum . Bu konumlandırmayı nasıl değiştirecek?

103 css  css-position 

Bir web sayfasının sol tarafında, menü ve gezinme bağlantılarını içeren bir divkonum var fixed. Css'den yükseklik ayarı yoktur, içerik yüksekliği belirler, genişlik sabittir. Sorun şu ki, içerik çok divfazlaysa, pencere yüksekliğinden daha büyük olacak ve içeriğin bir kısmı görünmeyecek. (Konum olduğu fixedve divkaydırılmayacağı için pencereyi kaydırmak işe yaramaz.) Ayarlamaya çalıştım …

94 html  css  css-position 

Bu ikisi arasındaki farkı tam olarak anladığımdan emin değilim. Biri neden birini diğerine kullandığımı ve nasıl farklı olduklarını açıklayabilir mi?

94 css  css-position 

Gövdenin herhangi bir bölümüne bir div eklemeye position: absoluteve bunu tüm belgeye göreli yapmaya çalışıyorum position: relative,.

93 html  css  css-position 

Kenar çubuğu gezinmesinin her zaman akış düzeninde kaydırmada sabit kalmasını sağlamak mümkün mü?

92 css  twitter-bootstrap  css-position  fluid-layout 

3 divelementim var. 1. divdaha büyük (sarma) veposition:relative; 2. divmutlak olarak 1. divgöreceli konumlandırmaya konumlandırılmıştır (ve 1. sıradadır div) 3. div, 2. içinde bulunur divve ayrıca mutlak konumlandırmaya sahiptir. <div id="1st"> <div id="2nd"> <div id="3rd"></div> </div> </div> Neden 3. divpozisyon 2. için mutlaktır div(ki bu da 1. pozisyon için mutlaktır …

92 html  css  css-position 

CSS'de, statik (varsayılan) konumlandırma ile göreli konumlandırma arasındaki fark nedir?

89 css  static  positioning  css-position 

Bazı eklenti CSS'lerini geçersiz kılma konusunda sorun yaşıyorum. Bu CSS'yi doğrudan düzenlemek, eklentinin güncellenmesini daha riskli hale getireceği için gerçekten bir seçenek değildir. Sorun: Bir eleman mutlak konumlandırmaya ve orijinalde top: 0px'e sahiptir. Alttan geçersiz kılmak istiyorum: 0px. Örnek uğruna .element {position:absolute; top:0;} /* in another file */ .my .element …

83 css  webkit  css-position 

<main>Öğeyi doğrudan öğenin altına yerleştirmeye çalışıyorum aşağıdaki snippet (tam ekran modunda görüntülemek gerekir) var <header>. Ben <header>bunu içinde içerik yoluyla kullanıcı kaydırma ekranın üst kısmındaki almak istemeleridir sabit pozisyonda <main>eleman. Bildiğim her şeyi denedim, ancak gelebileceğim en iyi şey, <header>öğenin <main>içeriğinin büyük bir kısmını kesen öğenin üzerine yerleştirilmesidir . Ortaya …

15 html  css  css-position  fixed