Home > Developer > JavaScript
Css-position, position
| Value | Description |
|---|---|
| Absolute | Generates absolute positioning elements, which are located relative to the first parent element other than static positioning. The positions of elements are specified by the "left", "top", "right", and "bottom" attributes. (In simple cases, relative to the browser window) |
| Fixed | Generates absolute positioning elements, which are located relative to the browser window. The positions of elements are specified by the "left", "top", "right", and "bottom" attributes. |
| Relative | Generates relative positioning elements and locates them relative to their normal locations. Therefore, "left: 20" adds 20 pixels to the LEFT position of the element. |
| Static | Default value. The element is not located and appears in the normal stream (ignore the top, bottom, left, right, or z-index declarations ). |
| Inherit | Specifies that the value of the position attribute should be inherited from the parent element. |
<Html>
<Head>
<Style type = "text/css">
. Text {
Position: relative;
Top: 30px;
Left: 40px;
}
. Testspan {
Position: relative;
Top: 30px;
Left: 20px;
}
</Style>
</Head>
<Body>
<Table border = "1">
<Td width = "100" height = "100"> <span class = "text"> button1 </span> </td>
<Td>
<Input type = "hidden" id = "abc">
<Div style = "width: 50"> </div>
<Span class = "testspan">
<Input type = "button" class = "button1" value = "click">
</Span>
</Td>
</Table>
</Body>
</Html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
