Usuwanie miejsca u góry po lewej i prawej stronie od div

Zaczynam pracować z css i mam podstawowy problem.Usuwanie miejsca u góry po lewej i prawej stronie od div

Mam elementu div:

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

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

Kod koloru staje się skuteczny (dobrze).

Problem polega na tym, że wydaje mi się, że istnieje trochę przestrzeni na lewo, na górze i na prawo od div. Jak pozbyć się białej przestrzeni? Na przykład, jeśli spojrzysz na stronę na Facebooku, górna część jest całkowicie niebieska, na górze nie ma spacji.

Źródło

2011-07-08 Bruce

Chociaż nie może być konkretną odpowiedź na to pytanie, należy przyjrzeć się za pomocą [zresetować stylów] (http://meyerweb.com/eric/tools/css/reset/). –

Trzeba zresetować zarówno domyślnego wyściółka i margines atrybutów w arkuszu stylów:

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

Jak wspomina @Jason McCreary, należy również patrzeć do używania resetowania arkusza stylów. Ta, do której prowadzi, reset Eric Meyera, jest świetnym miejscem do rozpoczęcia.

wygląda również jak tracisz średnik w swoim css, powinno to wyglądać następująco:

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

Źródło

2011-07-08 03:17:18

To było to! Wielkie dzięki. – Bruce

O Boże ... oszalałem na tym ... Ukończyłem 3 tutoriale na temat CSS i żaden z nich nie wspomniał, że samo ciało ma margines/dopełnienie :) Wielkie dzięki! – hakermania

Miałem ten sam problem przy rozpoczynaniu; ale jeśli planujesz tworzyć strony internetowe kompatybilne z przeglądarkami, polecam użycie arkusza stylów resetowania css; w zasadzie resetują style dodane przez przeglądarkę do elementów (które mogą być różne w różnych przeglądarkach). Tylko moje 2 centy na tego typu rzeczy. szybkie google do resetowania css da kilka opcji. –

Jest padding na stronie <body>. Można rozwiązać ten problem tak:

body 
{ 
    padding: 0; 
}

Źródło

2011-07-08 03:03:34 Marty

Dzięki. Wprowadziłem zmianę, ten sam problem. – Bruce

Spróbuj * {margin: 0; wypełnienie: 0; } – Marty

Jeśli potrzebujesz wyściółka wewnątrz div, należy wybrać padding:

padding:top right bottom left;

przykład:

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) */

Podobnie kontrolować przestrzeń poza div, można użyć margines.

Margines będzie używał dokładnie tej samej formuły.

Źródło

2011-07-08 03:26:02 kheya

Hmm ... Nigdy tego nie używał. Ale dobrze wiedzieć. thx – kheya

użyłem tego i pracował dla mnie:

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

Źródło

2013-04-24 20:48:04 Marcos

Po długim czasie znalazłem właściwe rozwiązanie dla mnie:

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

nam potrzeba zdefiniowania przepełnienie w pozycji poziomej.

Źródło

2015-09-15 19:04:12 monteirobrena

To jest złe. Nigdy nie możesz przewijać w poziomie! –

Problem jaki miałem ostatnio, ale mimo że użyłem wypełnienia: 0px dodał jeszcze! Ważne na ciele nie rozwiązało go ... faktycznym problemem była jego pozycja ... co można zrobić za pomocą tła -pozycja: 50% 50%; lub automatycznie pozwala wybrać środkową pozycję ekranu .. która jest marginesem: 0 auto; lub margin: auto; to rozwiązało dla mnie ... mam nadzieję także dla ciebie. zdałem sobie sprawę, margines jest to, co było potrzebne, gdy próbowałem @ Odpowiedź HAS dzięki człowiek ur niesamowite ... Przepraszamy za zombify post

Źródło

2016-02-07 08:57:59

Jeśli inne odpowiedzi nie działają, spróbuj position:absolute; top: 0px; left: 0px; lub display:flex.

Źródło

2016-04-24 06:48:07 Noumenon

marża: 0px; usunie wszystkie przestrzenie wokół elementu.

wypełnienie: 0px; Czyści obszar wokół zawartości

można spróbować:

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

z marginesu: auto; przeglądarka oblicza margines.

Można również użyć

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

to usunie wszystkie marginesy domyślne i spacji. Ale zachowaj ostrożność podczas korzystania z:

position: absolute;

Właściwość "position" może przyjmować 4 wartości: statyczną, względną, stałą i absolutną. Następnie możesz użyć górnych, dolnych, lewych i prawych właściwości, aby ustawić swój element. To zależy od twojego układu. Ten link może być przydatny: https://www.w3schools.com/css/css_margin.asp

Źródło

2017-08-01 12:44:26 Ananda

Proszę podać krótki opis, jak i dlaczego to działa. – jpaugh

proszę usunąć negatywny głos, jeśli było to przydatne – Ananda

Nie mam super uprawnień (i nie padłem), ale uważam, że teraz pytanie jest o wiele lepsze. – jpaugh

Miałem ten sam problem. po prostu spróbuj tego:

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

Źródło

2017-09-12 16:06:42 mhk

Usuwanie miejsca u góry po lewej i prawej stronie od div

Odpowiedz

Powiązane problemy