Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   позиционирование (https://javascript.ru/forum/xhtml-html-css/73689-pozicionirovanie.html)

AnatoliyBytskiyy 07.05.2018 12:56

позиционирование
 
Вложений: 1
есть 3 div. как разместить их в таком порядке ?
div3 - прибит к правому краю
div1 - к верху
div3 - прибит к низу

ksa 07.05.2018 13:15

Цитата:

Сообщение от AnatoliyBytskiyy
есть 3 div. как разместить их в таком порядке ?

Что известно про их размеры?
Что известно про размеры "рабочей области", в которой они будут размещены?
Кто из них растягивается, а кто имеет фиксированные размеры...
Цитата:

Сообщение от AnatoliyBytskiyy
div3 - прибит к правому краю
...
div3 - прибит к низу

Нипанятна... :blink:

Dilettante_Pro 07.05.2018 16:45

<style>
#div1 {
   position:absolute;
   top:0px;
   left:0px;
   width:30%;
   height:29%;
   border:1px solid black;
}
#div2 {
   position:absolute;
   bottom:0px;
   left:0px;
   width:30%;
   height:55%;
   border:1px solid black;
}
#div3 {
   position:absolute;
   top:0px;
   left-margin:0px;
   left:39%;
   width:60%;
   height:99%;
   border:1px solid black;
}
</style>
<div id='div1'>div1</div>
<div id='div2'>div2</div>
<div id='div3'>div3</div>


Часовой пояс GMT +3, время: 10:10.