верхняя часть тела не выходит за пределы области просмотра

Question

Мне нужна фиолетовая линия вдоль вершины сайта.Вместо использования изображения я использую свойство border-top для тела.Это работает в полном виде, но когда я изменяю размер окна браузера, фиолетовая линия появляется только в области просмотра, когда я прокручиваю вправо, я получаю пробел. Вот скрипка , чтобы вы поняли, о чем я.Я пробовал width: 100% как на корпусе, так и на контейнере, но безрезультатно.Может кто-нибудь предложить способы достижения того, что мне нужно?

Спасибо.

Answer 1

Не уверен, что это лучший способ сделать это, но вы можете добавить position: absolute; к телу.Это может иметь некоторые нежелательные побочные эффекты.

Answer 2

Если вы знаете ширину ваших документов, вы можете указать минимальную ширину.

body { min-width: 960px; }

Answer 3

Вторичный ответ, связанный с Ско-Флеем, хотя, возможно, с меньшими последствиями, состоит в том, чтобы добавить float: left к body: http://jsfiddle.net/K5zVq/20/. Хотя я думаю, что склонялся бы к своему первому ответу, опубликованному здесь (хотя Вы знаете свою ситуацию лучше, чем я).

Answer 4

Добавление display: inline-block; к body и container также работает.Смотри http://jsfiddle.net/K5zVq/16/.

Answer 5

Попробуй взломать границу тела:)

http://css -tricks.com / 558-тело-граница /

Предназначен для фиксированной позиции, но должен работать и для вас.