Câu hỏi được gắn thẻ «positioning»

Tôi muốn tạo một div, nằm bên dưới một khối nội dung nhưng một khi trang đã được cuộn đủ để liên hệ với ranh giới trên cùng của nó, sẽ được cố định tại chỗ và cuộn với trang.

305 javascript  jquery  css  scroll  positioning 

CSS Đẩy Div xuống cuối trang Vui lòng nhìn vào liên kết đó, tôi muốn ngược lại: Khi nội dung tràn vào thanh cuộn, tôi muốn chân trang của tôi luôn ở cuối trang hoàn chỉnh , như Stack Overflow. Tôi có một div với id="footer"và CSS này: #footer { …

261 css  positioning  css-position  footer 

Tôi có một SVG mà tôi đang cố gắng tập trung vào một div. Div có chiều rộng hoặc 900px. SVG có chiều rộng 400px. SVG có lề trái và lề phải được đặt thành tự động. Không hoạt động, nó chỉ hoạt động như thể lề trái là 0 …

254 css  layout  svg  positioning  margin 

Tôi đang cố gắng tạo một biểu đồ thanh xếp chồng 100% theo chiều ngang bằng HTML và CSS. Tôi muốn tạo các thanh bằng cách sử dụng DIVsmàu nền và độ rộng phần trăm tùy thuộc vào các giá trị tôi muốn vẽ biểu đồ. Tôi cũng muốn có …

187 html  css  positioning 

Làm thế nào tôi có thể định vị tương đối một yếu tố và nó không chiếm không gian trong luồng tài liệu?

186 html  css  positioning  css-position 

Sự khác biệt giữa position()và là offset()gì? Tôi đã cố gắng làm như sau trong một sự kiện nhấp chuột: console.info($(this).position(), $(this).offset()); Và chúng dường như trả về chính xác như nhau ... (Phần tử được nhấp nằm trong một ô của bảng trong bảng)

178 jquery  positioning 

Tôi đang sử dụng -webkit-Transform (và -moz-Transform / -o-Transform) để xoay div. Cũng có vị trí cố định được thêm vào để div giảm bớt với người dùng. Trong Firefox, nó hoạt động tốt, nhưng trong các trình duyệt dựa trên webkit thì nó bị hỏng. Sau khi sử dụng …

155 html  css  positioning  rotation 

Tôi có một số CSS mà khi di chuột, hiệu ứng chuyển tiếp CSS sẽ di chuyển div. Vấn đề, như bạn có thể thấy trong ví dụ, là translate quá trình chuyển đổi có tác dụng phụ khủng khiếp là làm cho hình ảnh trong div di chuyển xuống …

150 css  image  hover  positioning  translate-animation 

.offset([coordinates])phương thức đặt tọa độ của một phần tử nhưng chỉ liên quan đến tài liệu. Sau đó, làm thế nào tôi có thể thiết lập tọa độ của một phần tử nhưng có liên quan đến cha mẹ? Tôi thấy rằng .position()phương thức chỉ nhận các giá trị "trên …

144 jquery  css  jquery-selectors  positioning  css-position 

Ví dụ, tôi có một số lớp .article và tôi muốn xem lớp này dưới dạng lưới. Vì vậy, tôi đã áp dụng phong cách này: .article{ width:100px; height:100px; background:#333; float:left; margin:5px; } Phong cách đó sẽ làm cho .article trông lát gạch / lưới. Nó hoạt động tốt với …

129 css  grid  positioning  css-float  tiles 

Tôi đã tìm thấy chủ đề này - Làm cách nào để kéo giãn hình ảnh để lấp đầy <div> trong khi vẫn giữ nguyên tỷ lệ khung hình của hình ảnh? - đó không hoàn toàn là điều tôi muốn. Tôi có một div với kích thước nhất định …

120 image  css  positioning  flexbox 

Tuy nhiên, tôi có một phần tử là vị trí: cố định và vì vậy sẽ cuộn trang theo cách tôi muốn. Khi người dùng cuộn lên, tôi muốn phần tử dừng cuộn tại một điểm nhất định, giả sử khi nó cách đầu trang 250px, điều này có khả …

94 jquery  css  positioning 

Trong CSS, sự khác biệt giữa định vị tĩnh (mặc định) và định vị tương đối là gì?

89 css  static  positioning  css-position 

Tôi cần cố định chân trang ở cuối trang và căn giữa trang. Nội dung của footer có thể thay đổi bất cứ lúc nào nên tôi không thể căn giữa nó qua margin-left: xxpx; margin-right: xxpx; Vấn đề là vì một số lý do mà điều này không hoạt …

79 css  positioning  sticky-footer