10 front-end CSS bugs slipped from www. jqueryba. Om)

CSS browsers are incompatible. Tianyao feixian fell down on other websites and read it again. It's really a thing. If you say it's pretty good, you can turn it around and take notes for yourself. As the saying goes, it's better to have a good memory than a bad pen, and share it with you by the way.

1. If the IE border is not displayed, note that the height setting is forgotten;

2. Floating occurs because, if the parent layer needs to be contained, the container needs to be removed immediately after floating, and the container will naturally display it;

3. Three-pixel text does not need to be moved slowly, and height setting helps you;

4. Compatibility with various browsing activities. By default, the row height may be a killer;

5. Independent floating removal should be noted that the row height should be set to none, the row height should be set to zero, and the design effect should also be viewed;

6. Train of Thought to learn the layout. The layout principle of the road goes straight naturally, and HTML can be easily controlled, with less hack in the flow layout,CodeRefreshing, compatible, and friendly engine.

7. All tags are active, but they are different by default. The span is infinite, and the two devices are infinite-inner and block-level. IMG is special, but it is also legal. Others are only different in transformation, A "*" number is completely restored. The stacked style requires more exercises and everything is regular.

8. Be careful when composing the image link. If the text link of the image link is aligned, set the padding and vertical-align: middle, although it is slightly different.

9. ie floating bilateral margin, please use display: inline.

10. Horizontal list layout. The list Code must be closely aligned with each other.

Front-end development http://www.jqueryba.com/167.html