3 деления с различным процентом размера экрана, который масштабируется

Question

3 деления с различным процентом размера экрана, который масштабируется

0

Я новичок в div и вам нужно создать веб-страницу, которая не прокручивается с помощью главного div, который занимает 60% экрана, а под ним - до 30%, а нижний колонтитул занимает 10% с нулевым заполнением между каждым div. Он не может прокручиваться и масштабироваться в окне браузера. Кто-нибудь сделал это? Я попытался сделать это, и 2-й дивизор никогда не расположился бы правильно.

Благодарю.

Sam Cromer 17 дек. 2013, в 16:52

Источник

0

Взгляните на (очень много) вопросов о фиксированных верхних и нижних колонтитулах. Ваш вопрос, кажется, вариация на этот счет. Короткий ответ: вы, вероятно, не можете сделать это без написания математики.
isherwood 17 дек. 2013, в 15:51
0

Между элементов у вас есть margin не padding .
melancia 17 дек. 2013, в 15:52
1

@isherwood Что ты делаешь? Это очень легко.
Ruddy 17 дек. 2013, в 15:55
1

Вы правы. Я думал о сценариях верхнего / нижнего колонтитула с фиксированной высотой.
isherwood 17 дек. 2013, в 15:58

Показать ещё 2 комментария

Теги:

html

css

1 ответ

Ещё вопросы

Взгляните на (очень много) вопросов о фиксированных верхних и нижних колонтитулах. Ваш вопрос, кажется, вариация на этот счет. Короткий ответ: вы, вероятно, не можете сделать это без написания математики.
Между элементов у вас есть margin не padding .
@isherwood Что ты делаешь? Это очень легко.
Вы правы. Я думал о сценариях верхнего / нижнего колонтитула с фиксированной высотой.

SW4 · Accepted Answer · 2013-12-17T14-03-00.000Z

Это должно работать

HTML

<div></div>
<div></div>
<div></div>

CSS

html,body{
    height:100%;
    width:100%;
    padding:0;
    margin:0;
    overflow:hidden;
}
div:nth-child(1){
    height:60%;
    background:red;
}
div:nth-child(2){
    height:30%;
    background:yellow;
}
div:nth-child(3){
    height:10%;
    background:blue;
}

Похоже, это то, что я ищу. Я попробую.