Tôi muốn đặt thuộc tính này cho một div:Overflow-y: tự động và tràn-x: hiển thị cùng một lúc?
.content {
position: relative;
overflow-y : auto;
overflow-x: visible;
}
Theo this page, nếu một người được xác định là 'nhìn thấy' và thứ hai là 'cuộn' hoặc 'tự động', rồi 'nhìn thấy' được đặt thành 'tự động'. Vì vậy, nó có vẻ là không thể sử dụng đồng thời một overflow-y: auto và overflow-x: visible.
Tuy nhiên, tôi cần đặt thuộc tính này cho một trang web, có cách nào để làm điều đó không?
Vanessa tìm thấy câu trả lời của riêng mình. Đây là:
OK, tôi đã khắc phục sự cố :) Nếu ai đó gặp phải vấn đề này: đừng quên xóa vị trí tương đối của phần tử gốc (phần tử này có thuộc tính tràn): div tuyệt đối sẽ được đặt theo div phụ huynh có vị trí tương đối. Nếu không, nó sẽ được đặt theo cơ thể! - Vanessa Jan 19 '12 at 5:38
Bạn đang cố gắng làm gì? Có vẻ như trang web bạn đang liên kết bao gồm khá nhiều sự kết hợp. – kba
... vâng, có vẻ như tôi bị tràn: tự động chỉ hoạt động cho bạn; trong trường hợp chiều rộng của phần tử lớn hơn nội dung thì tại sao bạn muốn một thanh cuộn hiển thị? Bạn có thể phác thảo vấn đề hơn không? –
Tôi đang cố gắng hoàn thành mã CSS mà tôi đã đăng trong câu hỏi của mình. Tôi có .content div 500 * 500 pixel, và tôi cần phải có overflow-y bên trong nó, và .player div bên trong div .content nhưng tôi cần .player để hiển thị ở lề trái -200 pixel với .content div và được định vị như một phần tử tuyệt đối. Vấn đề: nếu tôi đặt "overflow-y: auto" trong .content (để cho phép khách truy cập cuộn xuống trong div .content), div .player không hiển thị, nó ẩn (vì các lý do được hiển thị trong liên kết mà tôi đã chia sẻ). Lưu ý rằng div .player phải hoàn toàn nằm trong div .content vì lý do vòng lặp PHP ... – Vanessa