2013-11-14 4 views
-2

Невозможно установить свойство границы в нижней части моего HTML окно/видовой ...HTML5 границы дна отображается неправильно (?)

Это только после последнего элемента HTML. например дела.

Есть ли способ, поэтому он будет отображаться действительно в нижней части окна? Вот мой CSS:

html { 
    border-bottom:5px solid rgb(17,17,17); 
    border-top:5px solid rgb(17,17,17); 
} 

Большое спасибо!

+3

Извините, но какую границу? Какой div? – BoltClock

+8

Укажите соответствующий код. – Nitesh

+0

Нет div, я говорю о документе целиком. 'html { \t border-bottom: 5px; \t border-bottom-color: rgb (17,17,17); \t border-bottom-style: solid; \t border-top: 5px; \t border-top-color: rgb (17,17,17); \t border-top-style: solid; } ' – fooness

ответ

1

В вашем HTML добавить

html { 
    width:100%; 
    /*height:99%; Fallback for older browsers*/ 
    height:calc(100% - 10px);  
    border-bottom:5px solid rgb(17,17,17); 
    border-top:5px solid rgb(17,17,17); 
}  

Я думаю, что это будет исправить вашу проблему.

Вот Demo

+0

Это работает. Но я автоматически получаю полосу прокрутки для прокрутки вниз, чтобы увидеть границу. – fooness

+0

@fooness, если у вас есть полоса прокрутки, отрегулируйте высоту. – super

+0

Hm. Могу ли я получить что-то вроде 100% -5px? – fooness

0

Попробуйте установить маркер вашего тела и отступы на 0px.

0

Вам необходимо указать ширину и высоту.

html{ 
    border-bottom:5px; 
    border-bottom-color:rgb(17, 17, 17); 
    border-bottom-style:solid; 
    border-top:5px; 
    border-top-color:rgb(17, 17, 17); 
    border-top-style:solid; 
    width:100%; 
    height:100%; 
} 

(вот Imgur альбом, чтобы сравнить разницу: http://imgur.com/a/Uneo5 уведомление, как в первом изображении, есть пробелы под ним, который, кажется, ваш вопрос, в то время как с высотой и шириной, он достигает нижней части документ)

Edit: А если у вас есть проблемы с скроллингом, попробуйте 99%, или на 99,5%, и т.д.

+0

К сожалению, у меня есть полоса прокрутки и вам нужно прокрутить вниз, чтобы увидеть границу. – fooness

+0

Как я уже говорил в правлении, обходите его. Попробуйте 99% высоты. Черт, сделайте 99% высоты, а вместо границы 5px сделайте границу 0,5%. – Doge

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