HTML/CSS/Layout/position float
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>