Monday, September 20, 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.







相关链接:



Acer executives boasted That Dell no longer pose a threat to Acer



Quicktime Swf



Audio Rippers And Converters Catalogs



Customize the "Send to" menu



Picked Games Kids



Shop Audio Rippers And CONVERTERS



rmvb To dvd



Sonic Foundry Vegas 4.0 Dynamic subtitles novice Collection 16



Mito Xiu funeral flowers to create poignant picture of non-mainstream



jusched.exe What process? How to disable?



J2ME in the divide and rule



A move into a digital video camera to camera



Was brilliant: Ten-man weapon crack Revealed inside story of classical



wav CONVERTER



Google Video Format



Specialist Benchmarking



No comments:

Post a Comment