blob: 0847d5b39a893edc50e31a728dd5624b568eac4a (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
<html>
<head>
<title>Absolute position test</title>
</head>
<body>
<div style="float:left; width:450px; padding-top:5em;">
<div style="position:absolute; top:0; right:0; color:red;">
Absolute positioned
</div>
<p>
When an absolute positioned element is the first child of a
float with a top padding, the following children which are
in "normal flow" are not positioned with respect
to the top padding, but float children are. Other padding
(e.g. left) is no problem.
</p>
<div style="float:left;width:120px;height:60px;border:2px dotted red;">
Float
</div>
<p>
When an absolute positioned element is the first child of a
float with a top padding, the following children which are
in "normal flow" are not positioned with respect
to the top padding, but float children are. Other padding
(e.g. left) is no problem.
</p>
</body>
</html>
|