Hanshunping _php from Getting started to mastering _ Video Tutorial _ 19th _ Site Recommended _ positioning _ Learning Notes _ source code diagram _ppt document collation
More books,
VideoNo More,
It's better to write a project yourself,There will be experience.
For open source projects, run up, read, and modify two times. Imitating--------> Innovation, grasping the core.
CSS Core Content-- positioning
positioning-Basic concepts
Css
positioning(positioning) property allows you to
positioning。 Positioning property Value:
static (default value):The element box is generated normally. Block-level elements generate a rectangular box that acts as a
DocumentPart of the flow/standard stream, the inline element creates one or more row boxes, which are placed in their parent elements.
Relative:The element box deviates from a distance. Element remains the same as the
positioningBefore the shape, the space it originally occupied remained, from this point of view, as if the element were still in
DocumentFlow/Standard flow.
Absolute:Element box from
DocumentThe stream is completely removed and contains a block relative to its
positioning。 The containing block may be
DocumentOr an initial containing block in the other element. Element was originally in normal
DocumentThe space occupied by the stream is closed as if the element did not exist. Elements
positioningGenerates a block-level box, regardless of what type of box it was generated in the normal flow.
fixed:The element box behaves like the position is set to absolute, but its containing block is the window itself.
These few
positioning, it is not particularly easy to really understand, with the help of cases to understand.
There are four common types of positioning
1.stacit
positioning(default value)
2.relative Relative
positioning(relative to WHO)
3.absolute Absolute
positioning(relative to whom)
4.fixed fixed
positioning
?
(1) Static positioning is not said, the front is static positioning .
(2) positioning -relative positioning : Relative
Content 2 Though out of its original
DocumentFlow, but its position does not want to be occupied by others. I'm gone, but the position is mine,
leave without pay.
Change the Content 2 position
Relative relative to who, relative to where it was supposed to be, to re-
positioning....................................................................................
This article fixed link: http://www.verydemo.com/demo_c104_i756.html