2013-06-18 36 views
6

Tôi có một dòng của bảng:Overflow-x: ẩn và overflow-y: có thể nhìn thấy thêm thanh cuộn

<ul> 
<li>This</li> 
<li>is</li> 
<li>my</li> 
<li>cell</li> 
</ul> 

và một số CSS:

UL { height: 30px; float: left } 
UL LI { width: 25%; height: 100%; float: left } 

mà hoạt động tuyệt vời. Tuy nhiên, khi tôi thêm CSS sau:

UL LI { overflow-x: hidden; overflow-y: visible } 

thanh cuộn trong ô hiển thị.

Giá trị mặc định cho overflowvisible và không có thanh cuộn có thể nhìn thấy, nhưng khi tôi thay đổi chỉ một của trục đến cái gì khác, thanh cuộn xuất hiện.

Tôi cần trục X bị cắt bớt và trục Y có thể nhìn thấy (đối với ô văn bản bỏ qua và menu thả xuống).

+0

có thể trùng lặp của [css overflow-x visible và overflow-y hidden gây ra thanh cuộn] (http://stackoverflow.com/questions/6421966/css-overflow-x-visible-and-overflow-y-hidden- nguyên nhân-scroll-bar) – Jared

+0

Nó dường như là một "lỗi". Cảm ơn "Câu hỏi có liên quan" trong thanh bên để dẫn tôi đến câu hỏi khác! – Jared

+0

chúng ta có thể có bản trình diễn fiddle của vấn đề để chúng tôi có thể xác định vấn đề? – SaurabhLP

Trả lời

9

Vấn đề với tràn-x/y là bạn không thể hiển thị được kết hợp với một giá trị khác để mã của bạn visible sẽ được coi là auto.

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