css格局BUG大全(国外英文资料).docVIP

css样式BUG大全 CSS skills The vertical center of div is vertical. Increase the row spacing to the same height as the entire DIV: 200px; And then you plug in the text, and youre in the middle. The drawback is to control the content not to change lines The problem set for float is a double that is set for float. This is an ie6 bug. The solution is to add the display: inline in this div. For example, # div id = imfloat , the corresponding CSS is # IamFloat {float: left; Margin: 5 px; / * IE below is 10px * / display: inline. / * IE, its 5px * /} The floating ie is twice the distance from the # box {float: left; Width: 100 px; Margin: 0 0 0 100 px; / / in this case, IE will produce 200px distance display: inline; / / make floating ignore} here in detail about block and inline two elements: the characteristics of block elements, always at the beginning of the new line, height, width, high, margins can control (block elements); The Inline element is characterized by uncontrollable (embedded elements) in the same line as other elements. # box {display: block; / / you can simulate a block element display: inline for inline elements. / / the effect of the same row, diplay: table; IE does not recognize min - this is a definition of width and height, but it actually treats the normal width and height as having min. This problem is big, if only the width and height, the two values in normal browser wont change, if only use min - width and min - height, IE there is no set below the width and height. For example, to set the background image, the width is more important. To solve this problem, you can do this: # box {width: 80px; Height: 35 px; } HTML body # box {width: auto; Height: auto; Min - width: 80 px; Min - height: 35 px; } 5. The minimum width of the page min - width is a very convenient CSS commands, it can specify the minimum element should not be less than a certain width, so it can ensure the layout has been correct. But IE doesnt recognize this, and it actually makes