Cause of the right floating div wrap phenomenon:
Of course, the reason for the right floating div wrapping is a variety of reasons, the following introduces a beginner more prone to a mistake.
code example:
<!DOCTYPE HTML><HTML><Head><MetaCharSet= "Utf-8"><Metaname= "Author"content= "http://www.softwhy.com/" /><title>Ant Tribe</title><styletype= "Text/css">Div{width:200px;Height:100px;background:Blue;}#right{float: Right;}</style></Head><Body><DivID= "Left"></Div><DivID= "Right"></Div></Body></HTML>
In the above code, the second floating div has a newline behavior.
Many friends think that the right div is floating, can be located on the right side of the first Div will not appear newline, in fact, this is wrong, because the first div to occupy a single row, so although the second div is floating, then there will be a newline phenomenon. As soon as you set the first div to the left float, the two div will appear on one line.
The original address is: http://www.softwhy.com/forum.php?mod=viewthread&tid=15669
For more information, refer to: http://www.softwhy.com/divcss/
Reason for right floating div wrapping phenomenon
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
