Shulou(Shulou.com)06/03 Report--

This article mainly explains "what is the negative effect of floating in css". Interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn "what is the negative effect of floating in css"?

1. The background cannot be displayed (overflow:hidden).

Due to floating, if (css background background) CSS background color or CSS background picture is set to the parent, and the parent cannot be stretched, the CSS background cannot be displayed.

2, the border can not be opened, if the parent set the CSS border property, the child used the float attribute to generate float, the parent can not be stretched.

3. The margin padding setting value cannot be displayed correctly.

Due to floating, the value of setting the css padding,css margin property between parents and children cannot be expressed correctly, especially the padding and margin on the upper and lower edges cannot be displayed correctly.

Example

* {margin:0; padding:0;} / / Unset the real point ul {width:900px; border:3px dotted red; list-style:none; overflow:hidden;} / / overflow:hidden left by li: let the row height adaptive .left {width:300px; height:300px; background:#FF0; float:left;} / / float:left settings float all to the left .chent {width:300px; height:300px; background:#000; float:left} .right {width:300px; height:300px Background:red; float:left} at this point, I believe you have a deeper understanding of "what is the negative effect of floating in css?" you might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.