DIV POSITIONING на правой и левой стороне

Question

DIV POSITIONING на правой и левой стороне

Я новичок в html и css. Я хочу создать страницу с 3-слоями справа и слева, а средняя часть будет содержаться. Мой вопрос заключается в том, как разместить элементы div справа и слева. решение

1

css positioning

Источник

user3290235 31 авг '14 в 17:54

2 ответа

Другие вопросы по тегам css positioning

user3873452 31 авг '14 в 18:02 2014-08-31 18:02 · Answer 1 · 2014-08-31 18:02

Использование

float:left;

для левого,

float:right;

за право. И поиск, прежде чем спросить, вы можете легко найти ответ на эти вопросы в сети.

1

Источник

user3873452 31 авг '14 в 18:02

user1339802 31 авг '14 в 18:25 2014-08-31 18:25 · Answer 2 · 2014-08-31 18:25

Это один из способов сделать страницу с тремя столбцами:

HTML:

...

<body>
 <div id="container">
  <div id="left">LEFT</div>
  <div id="center">CENTER</div>
  <div id="right">RIGHT</div>
 </div>
</body>

...

CSS:

#container{
 width: 960px;
 margin: 0 auto;
 overflow: hidden; /* This is not to overlap */
}

#left{
 width: 200px;
 height: 800px;
 background-color: red;
 float: left;
}

#center{
 width: 560px;
 height: 800px;
 background-color: blue;
 float: left;
}

#right{
 width: 200px;
 height: 800px;
 background-color: green;
 float: left; /* you can do here float:right also */
}