Xóa thanh cuộn như tràn ẩn nhưng cần hiển thị

Question

Khi bạn thu nhỏ trình duyệt của mình xuống 1000px chiều rộng thì có thanh cuộn ngang, có cách nào để xóa 1000px này không? Kiểm tra screendump của tôi dưới đây.

Tôi đã thử làm rõ nhưng điều này không giúp ích và thử tràn: hiển thị;

.clearfix:before, 
.clearfix:after { 
    content: ".";  
    display: block;  
    height: 0;  
    overflow: hidden; 
} 
.clearfix:after {clear: both;} 
.clearfix {zoom: 1;} /* IE < 8 */ 

Mọi cách dễ dàng để sửa lỗi này bằng css?

Answer 1

@media all and (min-width: 1000px) { 
body { 
    margin:0; 
} 
.wrapper { 
    overflow-x: hidden; 
    } 
} 

Nếu trình duyệt sau đó rộng hơn 1000px sẽ không có cuộn ngang.

Answer 2

Sử dụng thuộc tính overflow-x để ẩn thanh cuộn ngang trên div tạo cuộn ngang.

Ví dụ,

Overflow-x:hidden;

EDIT

Nếu bạn muốn 1000px nơi cuộn không nên đến và nó vẫn đến trong 1020, các trường hợp là bạn có một lớp đệm/margin được áp dụng ở đâu đó đang lấy các pixel thừa đó. Bạn cần phải loại bỏ nó để có được điều bạn làm việc.

Answer 3

Điều duy nhất bạn có thể thực hiện (điều này vẫn giữ cho trang web của bạn có thể truy cập được), được đặt chiều rộng mà thanh cuộn sẽ xuất hiện.

Bạn có thể khắc phục điều đó bằng cách đặt chiều rộng tối thiểu cho phần thân.

Thêm phần này vào stylesheet của bạn:

body { min-width: 1200px; } 

Khi trình duyệt được thay đổi kích cỡ nhỏ hơn 1200px, thanh cuộn sẽ xuất hiện.

Answer 4

Tôi đã quyết định khi trình duyệt của tôi nhỏ hơn 1200px, tràn: bị ẩn; trên băng chuyền rộng 1000px có thể được sử dụng. Vladislav Stanic đã chỉ cho tôi đúng hướng, cảm ơn tất cả.

@media all and (max-width: 1200px) { 
    .carousel { 
     overflow-x: hidden; 
    } 
}