Разделить экран на 4 прямоугольника высотой 50% и шириной 50% - PullRequest
4 голосов
/ 13 октября 2010

У меня проблемы с разделением экрана на 4 деления с шириной и высотой 50%. Нет проблем, чтобы получить 50% ширины и плавать вокруг, но как я могу добиться, чтобы каждый из них имел высоту 50% экрана?

1 Ответ

10 голосов
/ 13 октября 2010

Полагаю, вы использовали для установки ширины; ну то же самое можно использовать для вашего роста.

Например:

<html>
<head>
</head>
<body>

<div style="background-color:red; width:50%; height:50%; float:left">
</div>

<div style="background-color:blue; width:50%; height:50%; float:right">
</div>

<div style="background-color:green; width:50%; height:50%; float:left">
</div>

<div style="background-color:orange; width:50%; height:50%; float:right">
</div>

</body>
</html>

Если вы запустите это, у вас будет 4 равных части на экране: верхний левый - красный, верхний правый - синий, нижний левый - зеленый, а нижний правый - оранжевый.

Редактировать это работает со следующими стилями:

html,body {
        padding:0;
        margin:0;
        height:100%;
        min-height:100%;
      }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...