HTML/CSS/Layout/position float

Материал из Web эксперт
Перейти к: навигация, поиск

Float positioning uses float and clear.

   <source lang="html4strict">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> .section{

 position: relative;
 width: 600px;
 height: 600px;
 background: gray;

}

  • .absolute {
 position: absolute;
 top: 20px;
 left: 215px;
 background: yellow;
 width: auto;

}

  • .fixed {
 position: float;
 clear: left;
 left: 20px;
 right: 5px;
 background: gold;

} </style> </head> <body>

Absolute
Fixed

</body> </html>

</source>