Pertanyaan yang diberi tag «positioning»

Saya ingin membuat div, yang terletak di bawah blok konten tetapi setelah halaman telah cukup digulir untuk menghubungi batas atasnya, menjadi tetap di tempatnya dan menggulir dengan halaman.

305 javascript  jquery  css  scroll  positioning 

CSS Tekan Div ke bagian bawah halaman Silahkan lihat di link itu, saya ingin sebaliknya: Ketika konten meluap ke scrollbars, saya ingin footer saya untuk selalu di lengkap bawah halaman, seperti Stack Overflow. Saya memiliki div dengan id="footer"dan CSS ini: #footer { position: absolute; bottom: 30px; width: 100%; } Tapi …

262 css  positioning  css-position  footer 

Saya memiliki SVG yang saya coba pusatkan di div. Div memiliki lebar atau 900px. SVG memiliki lebar 400px. SVG memiliki margin-kiri dan margin-kanan yang diatur ke otomatis. Tidak berfungsi, itu hanya bertindak seolah-olah margin kiri adalah 0 (default). Adakah yang tahu kesalahan saya?

254 css  layout  svg  positioning  margin 

Saya mencoba membuat grafik batang horizontal 100% bertumpuk menggunakan HTML dan CSS. Saya ingin membuat bilah menggunakan DIVsdengan warna latar belakang dan lebar persentase tergantung pada nilai yang ingin saya grafik. Saya juga ingin memiliki garis kisi untuk menandai posisi sewenang-wenang di sepanjang grafik. Dalam eksperimen saya, saya sudah mendapatkan …

187 html  css  positioning 

Bagaimana saya bisa memposisikan sebuah elemen secara relatif, dan membuatnya tidak menghabiskan ruang dalam aliran dokumen?

186 html  css  positioning  css-position 

Apa perbedaan antara position()dan offset()? Saya mencoba melakukan hal berikut dalam acara klik: console.info($(this).position(), $(this).offset()); Dan mereka tampaknya mengembalikan persis sama ... (Elemen yang diklik adalah dalam sel tabel dalam tabel)

178 jquery  positioning 

Saya menggunakan -webkit-transform (dan -moz-transform / -o-transform) untuk memutar div. Juga memiliki posisi tetap ditambahkan sehingga div turun dengan pengguna. Di Firefox berfungsi dengan baik, tetapi di browser berbasis webkit itu rusak. Setelah menggunakan -webkit-transform, posisi yang diperbaiki tidak berfungsi lagi! Bagaimana mungkin?

155 html  css  positioning  rotation 

Saya punya beberapa CSS yang di hover, efek transisi CSS akan menggerakkan div. Masalahnya, seperti yang Anda lihat dalam contoh, adalah bahwa translatetransisi memiliki efek samping yang mengerikan dari membuat gambar dalam div bergerak dengan 1px ke bawah / kanan (dan mungkin mengubah ukuran sedikit sekali?) Sehingga tampak tidak pada …

150 css  image  hover  positioning  translate-animation 

.offset([coordinates])Metode mengatur koordinat elemen tetapi hanya relatif terhadap dokumen. Lalu bagaimana saya bisa mengatur koordinat elemen tetapi relatif terhadap induknya? Saya menemukan bahwa .position()metode hanya mendapatkan nilai "atas, kiri" relatif terhadap induknya, tetapi tidak menetapkan nilai apa pun. Saya mencoba $("#mydiv").css({top: 200, left: 200}); tetapi tidak berhasil.

144 jquery  css  jquery-selectors  positioning  css-position 

Sebagai contoh, saya memiliki beberapa kelas .article, dan saya ingin melihat kelas ini sebagai tampilan kotak. Jadi saya menerapkan gaya ini: .article{ width:100px; height:100px; background:#333; float:left; margin:5px; } Gaya itu akan membuat .article terlihat ubin / kotak. Ini berfungsi baik dengan ketinggian tetap. Tetapi jika saya ingin mengatur ketinggian ke …

129 css  grid  positioning  css-float  tiles 

Saya menemukan utas ini - Bagaimana Anda meregangkan gambar untuk mengisi <div> sambil mempertahankan rasio aspek gambar? - Itu tidak sepenuhnya yang saya inginkan. Saya memiliki div dengan ukuran tertentu dan gambar di dalamnya. Saya ingin selalu mengisi div dengan gambar terlepas dari apakah gambar tersebut lanskap atau potret. Dan …

120 image  css  positioning  flexbox 

Saya memiliki elemen yaitu posisi: tetap dan gulungan dengan halaman bagaimana saya menginginkannya. ketika pengguna menggulir ke atas Saya ingin elemen berhenti menggulir pada titik tertentu, katakan ketika 250px dari atas halaman, apakah ini mungkin? Bantuan atau saran apa pun akan sangat membantu, terima kasih! Saya merasa bahwa saya perlu …

94 jquery  css  positioning 

Di CSS, apa perbedaan antara pemosisian statis (default) dan pemosisian relatif?

89 css  static  positioning  css-position