Saturday, September 25, 2010

Full clean up of floating



Clear float a page all to do one thing people will encounter, but if we can clearly know that a full range of understanding? Was a retired and sit on the soon to write such an article, can not say every aspect, but the basic can I know the purse imparted.

We take a look rough way to clear the floating of a total number (IE inside with zoom: 1 will not write, and write the next topic). Corresponding DEMO

Pseudo class: after a follow-up air system, high-bit pseudo-class level of zero clear

Use CSS overflow: auto to hold back high

Use CSS overflow: hidden weird way how to adapt

Using display: table of the object into a table form

Using div tags and css of clear property

With br tag, and the css of clear property

With br tag, and the clear attributes of its own HTML

Roughly speaking, they could have solved the problem; but their other hand they have their own advantages and disadvantages. (Correspond)

Advantage of semantic structure entirely correct, does not produce the rest of the weird problems.

Disadvantages of improper reuse code easily lead to a sharp increase.

Proposed use of the outermost light floating, or clear modular way people use reuse.

Advantage of the semantic structure of completely correct, the code was minimal.

Multiple nested shortcomings, click on the outermost layer of the light thrown into the outermost layer of the floating box to the contents of the innermost layer of the election (FF); or mouseover changes caused by the width of the outermost layer of the module will appear when there is scroll bar (IE ).

Modules within the proposed use, do not nested.

Advantage of the semantic structure of completely correct, the code was minimal.

Content more easily when the defects do not automatically wrap the content is hidden away.

Recommends the use of fixed width, do not nested.

Advantage of the semantic structure of completely correct, the code was minimal.

Box Model Properties shortcomings have changed the natural events can be imagined more singular count the number and you have not.

If you do not want to change the proposed change death Bug you, best not to use; but which can be used as a temporary 蹇芥偁 alpha version to test.

Advantage of the code is extremely rare and high reusability.

Shortcomings can not meet the semantics of the perfect, is not conducive to revision and needs to change.

Recommended to beginners, allows you to quickly solve the floating problem.

Advantage of the semantic level than the first five kinds of situations to better; code is extremely rare and high reusability.

Semantic shortcomings still not perfect, is not conducive to revision and needs to change.

Recommended to beginners, allows you to quickly solve the floating problem.

Semantic level than the first advantage of a situation to be better 5,6; code was the smallest, high reusability.

Semantic shortcomings still not perfect, is not conducive to revision and needs to change.

Proposed upgrade of thinking to guide for beginners to use, allowed to understand its control with the classname to a manifestation of better times to return to WEB1.0 html pages directly attribute to control the performance of the latter, after all, less the amount of code.

Finally, the list is completed. But I think it is necessary and we apologize, reproduced on the ghost before the article; very sorry that it had changed the title of a ghost of "simple" with "optimal", so that the back of misleading a lot of students. So re-write an article to share.







相关链接:



DVR-MS to MPEG



Directory Components And Libraries



for you Flash Tools



Service in the end after?



The world's richest man Bill Gates: The Battle of retirement started Empire



Zhou Chengyu Court hematemesis: die in the end to fight a lawsuit



QuickTime TO MPEG



Operators burn punched 11 million users four drama SUCCESS



information INTEGRATION between pdm and erp



FreeBSD Serial (93): reverse proxy load balancing



MKV to Xbox 360



Intermediate Hospital "backward" Sample



Top Clipboard Tools



"China Computer Business 500" award, awarded the two winning BenQ chase the deer



Master Is Not Highly Educated Does Not Mean That High-income Elite



Pop-up Window killer (on)



No comments:

Post a Comment