DIV+CSS Setup and problem summary

How to fit the toolbar above the Web
Make the Web upper contact toolbar * {margin:0; padding:0; list-style:none;}
* Represents the setting of all HMTL controls

Set how to center a div in a page
set the left, right for auto for the Div's margin property, such as:. div{margin:1px Auto;}

ul horizontal arrangement
1. Read the .  ul's list-style:none in front of Li, such as:   #tab ul   {list-style:none;}
2. Set the UL landscape to display Li's float properties   such as: #tab ul li {float:left;}

A label removes the underscore: text-decoration:none;

Set TD content in table does not wrap: white-space:nowrap;


div visible\vidibility\display

1. Visible
Visible= "false"/ To hide a page element, set it as a server-side control, runat= "Server", with effect equivalent to Display:none
2.visibility
visibility:visible/element visible, default value/
The Visibility:hidden/element is not visible, but still retains the appropriate space/application: You want to hide the page element, but leave space for it
Visibility:collapse/only works on the Table object, you can remove rows or columns without affecting the layout of the table. If this value is used on an object other than table, it behaves as hidden. /
Visibility:inherit/inherit the visibility value of the ancestor element. /
3. Display
Display:none/element is not visible and does not retain the appropriate location/app for it: hides an element and fills other elements into the space reserved by the element.
Display:block css+div/is represented as a block-level element (typically exclusive row)/
Display:inline/represented as a row-level element (in general, no exclusive row)/

div Full Screen background color settings
Description: The content of the div is dynamically loaded when loading the page, and the height of the div changes dynamically.
The original setting for the DIV is
. page
{
width:100%;
height:100%;
Background-color: #efefef;
}
The effect is that the visible part of the page is loaded with the background color set, and the rest of the scroll bar is not set to the back color.

After changing the settings:
. page
{
width:100%;
height:100%;
Overflow:scroll;
Background-color: #efefef;
}
Add the overflow property to set the background color for all parts of the Div.

DIV+CSS Setup and problem summary