Her zaman CSS konumlandırmayı anladığımı düşünüyorum, ama sonra tekrar hayal kırıklığına uğrarım.Bootstrap, neden konumlandırılır: içeriği kaydırır ve satır bulunmaz mı?
herşeyi tutmak istiyorum: Ben position:static, yani varsayılan benim sayfa aşağıdaki gibi görünecektir olduğunda Ok (ebeveyn tarih seçici içeriğe sahip col-xs-* ait row vurgulayarak öğeyi denetle ile gösterilir) Bu sayfa hakkında, tarih seçici içeriği içeren col-xs-* düzeltmek istediğiniz tam olarak aynı EXCEPT, böylece sayfa aşağı kaydırıldığında (Fiddle örneğinde değil), üstte yüzer. z-index no'lu Nevermind, fark ettim ki, position:fixed'a uyguladığım dakika, ilginç bir şey oluyor. Burada, öğeyi incelediğim ve sabit olan col-xs-*'un row numaralı ana öğelerini vurgulamaya çalıştığınız bir ekran görüntüsü var. Dikkat 2 şey: 1) Üst row sayfada mavi renkle vurgulanmadı; Nereye gittiğini bilmiyorum, 2) İçerik bir sebepten ötürü doğru kaymış. Artık "Comparison's sake" metninin üzerinde ortalanmış.
biri bana bu davranışı açıklar mısınız? Bence ısrarla kodumu karıştırıyor. Son hedefim her şeyi ilk anlık görüntüde olduğu gibi ortalamaktır, ancak col-xs-*'u düzeltmeniz yeterlidir. Bu oynamam
Kodu: https://jsfiddle.net/2v3gpa7x/
alakalı col-xs-* Eğer
{kullanmak gerekir çalışmak için kaydırma her türlü için id date-row
'position: fixed' işlevini kullandığınızda, öğeyi akıştan kaldırırsınız ve önyükleme konumlandırma artık geçerli değildir. bu gibi ortalamak için https://jsfiddle.net/2v3gpa7x/1/ –
bu dönüşümü ne yapar: translateX (-50%); 'yapmak? – james
Elemanı x ekseni üzerinde hareket ettirir, böylece bu durumda kendi genişliğini '% 50' için sola hareket ettirecektir. –