2008-11-21 28 views
24

Tôi muốn thả một div sang bên phải ở đầu trang của tôi. Nó chứa một hình vuông 50px, nhưng hiện tại nó ảnh hưởng đến cách bố trí của 50px trên cùng trên trang.Float một quyền div, mà không ảnh hưởng đến thiết kế

Hiện nay nó:

<div style="float: right;"> 
    ... 
</div> 

tôi đã cố gắng z-index như tôi nghĩ đó sẽ là câu trả lời, nhưng tôi không thể làm cho nó đi.

Tôi biết đó là điều đơn giản tôi thiếu, nhưng tôi dường như không thể làm móng nó.

Trả lời

52

Bạn có ý nghĩa gì bởi tác động? Nội dung sẽ chảy xung quanh một phao. Đó là cách họ làm việc.

Nếu bạn muốn nó xuất hiện trên thiết kế của bạn, hãy thử cài đặt:

z-index: 10; 
position: absolute; 
right: 0; 
top: 0; 
+1

Vâng dòng chảy là những gì tôi có nghĩa là "tác động". Điều đó có nó, cảm ơn. : o) – NikolaiDante

3

Thử đặt position thành tuyệt đối. Điều đó đưa nó ra khỏi dòng chảy của tài liệu.

9

Nếu bạn không muốn hình ảnh làm ảnh hưởng đến bố trí ở tất cả (và nổi trên mặt nước của những nội dung khác), bạn có thể áp dụng CSS sau đây cho hình ảnh:

position:absolute; 
right:0; 
top:0; 

Nếu bạn muốn nó nổi ở bên phải của phần cha mẹ cụ thể, bạn có thể thêm position: relative vào phần đó.

+1

Không cần chỉ định đơn vị khi giá trị bằng 0. "right: 0;" hoạt động giống như "right: 0pt;" hoặc "right: 0px;". –

+0

Chúc mừng - những nguy hiểm của việc dán từ firebug! – EoghanM

+0

@OlaTuvesson: Không cần thiết không có nghĩa là chúng ta không nên sử dụng nó. Tôi có xu hướng luôn đặt đơn vị, vì vậy khi tôi tăng số lượng, tôi không phải nhớ thêm đơn vị. – Danosaure

Các vấn đề liên quan