позиціонування

<body>
<div class="block-1"><span class="inline-1">inline 1</span><span class="inline-2">inline 2</span><span class="inline-3">inline

3</span><span class="inline-4">inline 4</span></div>
<div class="block-2"><span class="inline-1">inline 1</span><span class="inline-2">inline 2</span></div>
<div class="block-3"><span class="inline-1">inline 1</span><span class="inline-2">inline 2</span><span class="inline-3">inline

3</span></div>
</body>
<body>

<div style="width: 400px; height:400px; position:relative; top:50px; left:50px; border: 1px solid black; background:green;">

<div style="width: 100px; height:100px; position:absolute; top:50px; left:50px; border: 1px solid black;
background:red;"></div>

<div style="width: 100px; height:100px; position:absolute; bottom:50px; right:50px; border: 1px solid black;
background:blue;"></div>
</div>
</body>
<body>
<div style="width: 800px; height:400px; position:relative; border: 1px solid black; background:green;">
<div style="width: 200px; height:200px; position:absolute; left:0px; border: 1px solid black; background:red;">Левый
блок</div>
<div style="width: 400px; height:200px; position:absolute; left:200px; border: 1px solid black;
background:blue;">Основной блок</div>
<div style="width: 200px; height:200px; position:absolute; left:600px; border: 1px solid black;
background:red;">Правый блок</div>
</div> </body>
<body>
<div style="width: 300px; height:300px; position:relative; border: 1px solid black; background:green;">
<div style="width: 100px; height:100px; position: absolute; z-index: 1; left: 50px; top: 50px; border: 1px solid black;
background: red;"></div>
<div style="width: 100px; height: 100px; position: absolute; z-index: 2; left: 100px; top: 100px; border: 1px solid black;
background: blue;"></div>
<div style="width: 100px; height: 100px; position: absolute; z-index: 3; left: 150px; top: 150px; border: 1px solid black;
background: yellow;"></div>
</div>
</body>

позиціонування

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

позиціонування

Загружено:

Авторское право:

Доступные форматы

<body>

<div class="block-1"><span class="inline-1">inline 1</span><span class="inline-2">inline 2</span><span class="inline-3">inline

<div class="block-2"><span class="inline-1">inline 1</span><span class="inline-2">inline 2</span></div>

<div class="block-3"><span class="inline-1">inline 1</span><span class="inline-2">inline 2</span><span class="inline-3">inline

Вам также может понравиться