block, float, position, overflow, scroll bar

Source: Internet
Author: User

Use of blocks in 17.1CSS
Width pixels/percent chunk widths
Auto
The height ..... Height
Auto
Min-height ....... Min. height
Auto
Max-height ....... Maximum height
Auto
Min-width ....... Minimum width
Auto
Max-width ....... Maximum width
Auto

Use of floating in 17.2CSS
Float None Normal display
Left floating
Right float
Clear none allows floating on both sides
Left does not allow floating
Right
Both both sides

Use of positioning in 17.3CSS
Position relative set the Block datum to the upper left corner
Absolute Web page
Statio No settings
Left auto is positioned at the base point
Pixel/percent positioning on the left
Top Auto Top
Pixels/percent Top
Right Auto
........... Right
Bottom Auto under
.......... Under
Z-index Auto Auto Adjust height
The larger the number, the higher the upper

Use of overflow in 17.4css
Overflow visible does not cut content and does not add scroll bars
Auto cuts or displays scroll bars when required
Hidden does not display content beyond the object size
Scroll always show scroll bars
Overflow-x (IBID.)
Overflow-y (IBID.)

Use of scroll bars in 17.5css
Scrollbar-3dlight-color Color/16 binary scroll bar bright border
Scrollbar-highlight-color ..... Scroll bar 3D interface Bright Edge
Scrollbar-face-color ..... scroll bar 3D surface
Scrollbar-arrow-color ..... scroll bar Direction arrows
Scrollbar-shadow-color ..... scroll bar 3D Dark Side
Scrollbar-darkshadow-color ..... Scroll bar Dark Border
Scrollbar-base-color ..... scroll bar Base Color
Scrollbar-track-color ..... Drag area of scroll bar

block, float, position, overflow, scroll bar

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.