Xóa không gian ở trên cùng bên trái và bên phải của div

Tôi bắt đầu làm việc với css và có vấn đề cơ bản.Xóa không gian ở trên cùng bên trái và bên phải của div

Tôi có một phần tử div:

.top { 
 
    background-color: #3B5998; 
 
    margin-left: 0px; 
 
    margin-top: 0px 
 
}

<div class="top">...</div>

Mã màu là có hiệu lực (tốt).

Vấn đề tôi có là dường như có một chút không gian màu trắng ở bên trái, trên cùng và bên phải của div. Làm cách nào để loại bỏ khoảng trắng? Ví dụ: nếu bạn xem trang Facebook, phần trên cùng là màu xanh dương hoàn toàn, không có khoảng trắng ở trên cùng.

Nguồn

2011-07-08 Bruce

Mặc dù có thể có câu trả lời cụ thể cho câu hỏi này, bạn nên xem xét bằng [style stylesheet] (http://meyerweb.com/eric/tools/css/reset/). –

Bạn cần phải thiết lập lại cả hai mặc định đệm và lề thuộc tính trong stylesheet của bạn:

html, body { 
    margin: 0; 
    padding: 0; 
}

Như @ Jason McCreary đề cập, bạn cũng nên xem xét vào sử dụng biểu định kiểu đặt lại. Người mà anh ta liên kết, thiết lập lại CSS của Eric Meyer, là một nơi tuyệt vời để bắt đầu.

Nó cũng có vẻ như bạn đang thiếu một dấu chấm phẩy trong css của bạn, nó sẽ giống như sau:

.top 
{ 
    background-color:#3B5998; 
    margin-left:0px; 
    margin-top:0px; 
}

Nguồn

2011-07-08 03:17:18

Đó là nó! Cảm ơn rất nhiều. – Bruce

Oh god .. Tôi đã phát điên lên cái này ... Tôi đã hoàn thành 3 hướng dẫn về CSS và không ai trong số họ đề cập rằng cơ thể chính nó có một lề/padding :) Cảm ơn rất nhiều! – hakermania

Tôi gặp vấn đề tương tự khi bắt đầu; nhưng nếu bạn định làm cho các trang web tương thích với trình duyệt chéo, tôi khuyên bạn nên sử dụng một bản định kiểu css reset; về cơ bản, họ đặt lại kiểu mà trình duyệt thêm vào thành phần (có thể khác với các trình duyệt khác nhau). Chỉ cần 2 xu của tôi đối với loại điều này. một google nhanh chóng cho css thiết lập lại sẽ cung cấp cho một số tùy chọn. –

Có padding trên <body> của trang. Bạn có thể khắc phục điều này như sau:

body 
{ 
    padding: 0; 
}

Nguồn

2011-07-08 03:03:34 Marty

Cảm ơn. Tôi đã thực hiện thay đổi, cùng một vấn đề. – Bruce

Thử * {margin: 0; padding: 0; } – Marty

Nếu bạn cần một số đệm bên trong div, bạn nên chọn padding:

padding:top right bottom left;

dụ:

padding:5px; /* 5px padding at all sides)*/ 
padding:5px 3px; /* top & bottom 5px padding but right left 3px padding) */ 
padding:5px 3px 4px; /* top 5px, bottom 4px padding but left right 3px) */ 
padding:1px 2px 3px 4px; /* top 1px, right 2px bottom 3px & left 4px) */

Tương tự như vậy để kiểm soát không gian bên ngoài div, bạn có thể sử dụng lợi nhuận.

Ký quỹ sẽ sử dụng cùng một công thức.

Nguồn

2011-07-08 03:26:02 kheya

Hmm..Không ai sử dụng. Nhưng tốt để biết. thx – kheya

tôi đã sử dụng này và nó làm việc cho tôi:

body { 
    background-position: 50% 50%; 
    margin:0px; 
    padding:0px !important; 
    height:100%; 
}

Nguồn

2013-04-24 20:48:04 Marcos

Sau thời gian dài tôi tìm thấy giải pháp đúng cho tôi:

html, body { 
    margin: 0; 
    padding: 0; 
    overflow-x: hidden; 
}

Chúng ta cần xác định tràn trong ngang.

Nguồn

2015-09-15 19:04:12 monteirobrena

Thật tệ. Bạn không bao giờ có thể di chuyển theo chiều ngang! –

vấn đề tôi đã có gần đây, nhưng mặc dù tôi đã sử dụng padding: 0px thậm chí thêm quan trọng trên cơ thể đã không giải quyết nó ... vấn đề thực tế là vị trí của nó ... mà bạn có thể làm bằng cách sử dụng nền bố trí: 50% 50%; hoặc bằng cách tự động cho phép nó chọn vị trí trung tâm của màn hình .. đó là lề: 0 tự động; hoặc lề: tự động; đã giải quyết nó cho tôi ... hy vọng cho tất cả các bạn cũng vậy. tôi nhận ra lợi nhuận là những gì cần thiết sau khi tôi đã cố gắng phản ứng @ HAS nhờ người đàn ông ur tuyệt vời ... xin lỗi vì zombify bài

Nguồn

2016-02-07 08:57:59

Nếu câu trả lời khác không hoạt động, hãy thử position:absolute; top: 0px; left: 0px; hoặc display:flex.

Nguồn

2016-04-24 06:48:07 Noumenon

lề: 0px; sẽ xóa tất cả khoảng trắng xung quanh phần tử.

đệm: 0px; Xóa khu vực xung quanh nội dung

bạn có thể thử:

html, body {margin: 0px; padding:0px;} 
body {margin: auto;}

với margin: auto; trình duyệt tính toán một lề.

Bạn cũng có thể sử dụng

* {margin: 0px; padding: 0px;}

này sẽ loại bỏ tất cả lợi nhuận và không gian mặc định. Nhưng hãy cẩn thận khi sử dụng:

position: absolute;

Thuộc tính 'vị trí' có thể mất 4 giá trị, tĩnh, tương đối, cố định và tuyệt đối. Sau đó, bạn có thể sử dụng các thuộc tính trên cùng, dưới cùng, bên trái, bên phải để định vị phần tử của bạn. Điều này phụ thuộc vào bố cục của bạn. Liên kết này có thể hữu ích https://www.w3schools.com/css/css_margin.asp

Nguồn

2017-08-01 12:44:26 Ananda

Vui lòng bao gồm mô tả ngắn gọn về cách thức hoặc lý do hoạt động. – jpaugh

xin vui lòng loại bỏ các phiếu bầu tiêu cực nếu điều này là hữu ích – Ananda

Tôi không có quyền hạn siêu (và tôi đã không downvote), nhưng tôi tin rằng câu hỏi là tốt hơn bây giờ. – jpaugh

Tôi đã gặp phải vấn đề tương tự. chỉ cần thử điều này:

html, body { 
    margin-top:-13px; 
}

Nguồn

2017-09-12 16:06:42 mhk

Xóa không gian ở trên cùng bên trái và bên phải của div

Trả lời

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