Common bug bugs in front-end development

1, IE6 double margin bug (trigger condition: block attribute tag; float; horizontal margin setting; IE6. Workaround: Add Display:inline to the CSS. )

2, the common property of CSS is declared first, if the browser has default margin and padding value for some tags, first declare the default value is 0.

3, the CSS class name must have the actual meaning, must be related to the content, should not use a pure number for class name.

4, IE6 under the label nesting, if the inner layer of the label float, only clear the inner label floating after the outer label can be open.

5, clear floating with div instead of other labels to clear the float;


. clear {Height:0;clear:both;overflow:hidden;}



6, IE6 define the height of 1px or define a height of less than or equal to 10px, IE6 the default row height is 10px, the workaround is: overflow:hidden/zoom:0.08/line-height:1px.

7. After the hyperlink is clicked, the hover style does not appear? The workaround is to change the ordering of CSS properties l--v--h--a.

8, when using the group selector, the class name must be separated by a space, or Firefox will not read the CSS command.

Common bug bugs in front-end development