Почему мои Divs не охватывают 100% ширины?

У меня есть действительно немой вопрос.Почему мои Divs не охватывают 100% ширины?

Я пытаюсь сделать div span 100% ширины веб-страницы, но она не доходит. Я хочу, чтобы он был динамическим (не указывал ширину в px), и я определенно не хочу, чтобы он отображал горизонтальную полосу прокрутки.

Я пытаюсь сделать что-то похожее на 100% -ную ширину страницы «Предупреждения» ширины страницы Stack Overflow, которые сообщают вам, когда вы заработали новый значок.

Скриншот моего сайта: Screenshot of my site. Note how the pink banner and green banner leave gaps where the sky blue background is shown.

Код для розовый баннер DIV

<div width='100%' style="padding:0px; background-color:FF0099; background-image:url('pics/pink_bg.png'); "> 
    &nbsp; 
</div>

источник

2012-04-10 Adjam

Щелкните правой кнопкой мыши и используйте элемент «Проверить элемент». Используйте это, чтобы увидеть, в чем он встроен, а также любые поля по умолчанию или вставки, о которых вы не знаете. Вы можете быть удивлены. –

Исправлено. Поля в теле автоматически устанавливались на 8 пикселей. Если вы повторите это как ответ, я приму это. – Adjam

и соглашайтесь с одним из ответов, которые говорят то же самое. Я больше не забочусь о точках репутации. –

ваш html body бирка может иметь отступ или пополнение css. вы должны установить их на ноль (0). Надеюсь, это поможет.

источник

2012-04-10 17:01:12 sarwar026

Первый ответ на упоминание о марже, а не только прописку был принят. Спасибо за вашу помощь. Щелчок правой кнопкой мыши с помощью Chrome на «Inspect Element» состоял в том, как я выяснил ошибку в моих путях. – Adjam

Добро пожаловать и рад помочь вам. – sarwar026

Похоже, у вас есть отступы на вашем теле, которое препятствует DIV от расширения на всем пути.

источник

2012-04-10 16:57:03

Код для тела: '' – Adjam

Стиль для тела: 'body {}' ... когда я изменяю стиль для тела: 'body {padding: 0px; } 'ничего не меняется – Adjam

проверяйте тело, чтобы узнать, какой стиль он получает первым. –

В вашем файле css убедитесь, что на корпусе нет прокладки. Если у вас нет ничего, вы можете попробовать добавить это:

body { 
    padding: 0; 
    margin: 0; 
}

источник

2012-04-10 17:03:05 dpcasady

также убедитесь, что ваш край тела установлен на ноль! – dpcasady

Просто добавьте CSS для тела, чтобы удалить отступы и поля:

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

Также вы можете применить только влево, вправо верхняя и нижняя поля:

body { 
padding-top:0px; 
padding-right:0px; 
padding-bottom: 10px; 
padding-left: 0px; 
}

источник

2012-04-10 17:03:42 vincentieo

На самом деле это довольно легко. Убедитесь, что родительский контейнер для розового баннера div имеет 0 дополнений и 0 полей. В этом случае im asuming the container for your pink banner - это только тег тела. Теперь скопируйте следующий фрагмент внутри вашего раздела главы страницы.

<style type="text/css"> 
    body 
    { 
     margin:0px; 
     padding:0px; 
     } 
</style>

Также неверен html для вашего розового баннера. Заменить

<div width='100%' style="padding:0px; background-color:FF0099; background-image:url('pics/pink_bg.png'); ">

<div style="padding:0px; margin:0px; width=100%; height:25px; background-color:#FF0099; background-image:url('pics/pink_bg.png');" >

Надеюсь, что это помогает

источник

2012-04-10 17:05:18

А в начале каждого документа CSS я всегда тип:

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

У меня никогда не было проблем с нежелательными внешними полями или дополнением с помощью этого кода.

источник

2012-04-10 17:18:57 Palmer

Тип

body { 
    min-height:100%; 
    height:auto; 
    margin:0; 
    padding:0; 
}

в начале файла CSS.

источник

2013-01-23 03:17:31 Perocat

Почему мои Divs не охватывают 100% ширины?

ответ

Смежные вопросы