Mam stronę internetową z szerokością baru nagłówka jako 100%, ale kiedy jest ona granicza po lewej stronie ekranu, odcina ją, kiedy przewijam w poprzek?
Oto przykład:
Ale jeśli jest to mniejsze okno i przewijane w poprzek:
Jak mogę uzyskać szerokość 100%, gdy ekran jest o połowę mniejszy, jak na zdjęciu?
Przepraszam za złe wyjaśnienie, nie wiem, jak to wyjaśnić, mam nadzieję, że zdjęcia pomogą.
Moje css to:
Header{background-color: #58dede; width: 100%;}
Odpowiedzi:
1 dla odpowiedzi № 1Chociaż trudno jest wyobrazić sobie Twój problem, ale możesz wypróbować ten kod -
CSS:
Header{background-color: #58dede; /*width: 100%;*/ float:none !important; }
.clear {clear:both;}
HTML:
<header>
your content
<div class="clear"></div>
</header>
0 dla odpowiedzi nr 2
W tagu treści podaj minimalną szerokość dokumentu dla swojej strony. Na przykład:
body{min-width:1000px;}
0 dla odpowiedzi № 3
Ustawiłeś szerokość nagłówka na 100% ipo zmniejszeniu szerokości przeglądarki szerokość nagłówka zmniejsza się do 100% szerokości widocznego obszaru, zamiast pozostać na tej samej szerokości, co zawartość html i / lub nagłówka. Gdy więc pojawi się poziomy pasek przewijania, a następnie przewiniesz w prawo, kolor tła nie będzie już miał zastosowania do całej pożądanej szerokości nagłówka, ponieważ nagłówek nie ma już tej szerokości.
Można to łatwo naprawić, dostosowując
min-width: property
do szerokości wszystkich połączonych marginesów +szerokość elementów (zakładając rozmiar boksu: ustawiono ramkę-obramowanie, włączając w to dopełnienie i margines na szerokość). Jeśli użyłeś wartości procentowych na marginesach lub div elementów potomnych w nagłówku, po prostu dodaj te w funkcji calc () dla wartości właściwości min-width.
min-width: calc(2% + 200px + ...); etc