2011-04-24 36 views
13

Đây là số screenshot của sự cố.CSS: Thanh cuộn cho trục y khiến thanh cuộn cho trục x

enter image description here

Về cơ bản, khi thanh cuộn xuất hiện cho trục y, chiều rộng của thùng chứa không mở rộng. Thay vào đó, nó chỉ tạo thanh cuộn cho trục x.

Làm cách nào để có thể mở rộng vùng chứa mà không cần tạo thanh cuộn trục x?

+1

bạn có thể đưa ra ví dụ về css – MikeM

+1

bất cứ khi nào thanh cuộn dọc xuất hiện, nội dung bị đẩy sang trái theo chiều rộng của thanh cuộn, vì vậy nếu nội dung của bạn quá hẹp, điều này có thể khiến thanh cuộn ngang xuất hiện – Hristo

+0

bạn có thể vui lòng hiển thị mã đầy đủ của bạn –

Trả lời

17

bạn có thể cung cấp cho một thử này cho phần tử:

overflow-x: hidden; 
overflow-y: auto; 

bạn có thể sử dụng scroll hoặc auto cho overflow-y

đây là một trang với một số mẫu: http://www.brunildo.org/test/Overflowxy2.html

+1

Tôi nghĩ 'overflow-x: hidden;' cũng sẽ ẩn dữ liệu, điều này có thể không được mong đợi. –

+1

Không giải quyết được vấn đề gì cả. Thay vào đó, nội dung bị cắt mà không có khả năng cuộn sang trái/phải để xem nó. –

-1

Tôi đã tìm kiếm một giải pháp là tốt.

overflow-x: visible; 
overflow-y: scroll; 

Mã trên không hoạt động vì việc ghép nối hiển thị với cuộn hoặc tự động đặt thuộc tính hiển thị thành tự động. Bạn có thể đọc thêm về điều này tại đây: https://www.brunildo.org/test/Overflowxy2.html

Có vẻ như không có cách nào để có được những gì bạn muốn. nếu ai đó tìm thấy cách giải quyết khác, tôi sẽ biết ơn!

+0

Điều này không trả lời được câu hỏi. Khi bạn kiếm được một số danh tiếng, bạn có thể nhận xét về bất kỳ bài đăng nào. –

+0

Tôi có ý định thêm một điều kiện khác vào câu hỏi được đăng thay vì trả lời câu hỏi đó. Cảm ơn vì bạn đã phản hồi. – sikanderBabwani