«positioning» etiketlenmiş sorular

Bir içerik bloğunun altında bulunan bir div oluşturmak istiyorum, ancak sayfa üst sınırıyla temas edecek kadar kaydırıldığında, yerine sabitlenir ve sayfa ile kaydırılır.

305 javascript  jquery  css  scroll  positioning 

CSS Div'i sayfanın altına it Lütfen bu bağlantıya bakın, tam tersini istiyorum: İçerik kaydırma çubuklarına taştığında, altbilgimin her zaman sayfanın tam alt kısmında, Yığın Taşması gibi olmasını istiyorum. Bir div var id="footer"ve bu CSS: #footer { position: absolute; bottom: 30px; width: 100%; } Ancak tek yaptığı, görünüm penceresinin altına gitmek …

261 css  positioning  css-position  footer 

Bir div'de merkezlemeye çalıştığım bir SVG'm var. Div'in genişliği veya 900 pikseldir. SVG'nin genişliği 400 pikseldir. SVG'nin kenar boşluğu ve kenar boşluğu otomatik olarak ayarlanmıştır. Çalışmıyor, sadece sol kenar boşluğu 0 (varsayılan) gibi davranıyor. Benim hatamı bilen var mı?

254 css  layout  svg  positioning  margin 

HTML ve CSS kullanarak yatay% 100 yığılmış çubuk grafik oluşturmaya çalışıyorum. DIVsÇizmek istediğim değerlere bağlı olarak arka plan renkleri ve yüzde genişliklerini kullanarak çubuklar oluşturmak istiyorum. Ayrıca grafik boyunca rastgele bir konum işaretlemek için bir ızgara çizgileri olmasını istiyorum. Deneylerimde, çubukları CSS özelliğini atayarak yatay olarak istiflenmeye başladım float: left. …

187 html  css  positioning 

Bir öğeyi nasıl nispeten konumlandırabilirim ve belge akışında yer kaplamaz mı?

186 html  css  positioning  css-position 

Arasındaki fark nedir position()ve offset()? Bir tıklama etkinliğinde aşağıdakileri yapmaya çalıştım: console.info($(this).position(), $(this).offset()); Ve tamamen aynı gibi görünüyorlar ... (Tıklanan öğe bir tablodaki tablo hücresinin içindedir)

178 jquery  positioning 

Bir div döndürmek için -webkit-transform (ve -moz-transform / -o-transform) kullanıyorum. Ayrıca, konumun kullanıcı ile kaydırılması için sabit konum eklendi. Firefox'ta iyi çalışıyor, ancak webkit tabanlı tarayıcılarda bozuk. -Webkit-dönüşümünü kullandıktan sonra, sabit konum artık çalışmaz! Bu nasıl mümkün olabilir?

155 html  css  positioning  rotation 

Fareyle üzerine gelindiğinde, bir CSS geçiş efekti bir div taşıyacak bazı CSS var. Örnekte görebileceğiniz gibi sorun, translategeçişin div içindeki görüntüyü 1px aşağı / sağa (ve muhtemelen çok küçük bir boyutta yeniden boyutlandırmak?) Yapmak için korkunç bir yan etkiye sahip olmasıdır. odak dışı... Aksaklık, vurgulu efektin uygulandığı süre boyunca geçerli …

150 css  image  hover  positioning  translate-animation 

.offset([coordinates])yöntemi, öğenin koordinatlarını ayarlar, ancak yalnızca belgeye göre olur. Öyleyse bir öğenin koordinatlarını üst öğeye göre nasıl ayarlayabilirim? .position()Yöntemin üst öğeye göre yalnızca "üst, sol" değerleri aldığını, ancak herhangi bir değer belirlemediğini gördüm . İle denedim $("#mydiv").css({top: 200, left: 200}); ama çalışmıyor.

144 jquery  css  jquery-selectors  positioning  css-position 

Örneğin, bir sınıf .article'ım var ve bu sınıfı ızgara görünümü olarak görmek istiyorum. Ben de bu stili uyguladım: .article{ width:100px; height:100px; background:#333; float:left; margin:5px; } Bu stil .article'ın kiremitli / ızgara gibi görünmesini sağlar. Sabit yükseklikte iyi çalışıyor. Ancak yüksekliği otomatik olarak ayarlamak istersem (içindeki verilere göre otomatik olarak uzatılır), …

129 css  grid  positioning  css-float  tiles 

Bu konuyu buldum - Resmin en boy oranını korurken bir resmi <div> 'i dolduracak şekilde nasıl uzatırsınız? - bu tamamen istediğim şey değil. Belli büyüklükte bir div'im ve içinde bir resim var. Görüntünün yatay veya dikey olmasına bakılmaksızın, div'i her zaman görüntüyle doldurmak istiyorum . Ve görüntünün kesilmiş olması da …

120 image  css  positioning  flexbox 

Konum olan bir öğem var: sabit ve bu yüzden sayfa ile istediğim şekilde kayıyor. kullanıcı yukarı kaydırdığında, öğenin kaydırmayı belirli bir noktada durdurmasını istiyorum, örneğin sayfanın üstünden 250px olduğunda, bu mümkün mü? Herhangi bir yardım veya tavsiye yardımcı olacaktır, teşekkürler! Bunu yapmak için jquery kullanmam gerektiğini hissettim. Kullanıcının bulunduğu yerin …

96 jquery  css  positioning 

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

89 css  static  positioning  css-position