html - Why does 'clear:left' also clears right? -

-

I am struggling to work CSS floating (in my head)

the following example Note on: 

  & lt; Style type = "text / css" & gt; Div.container {width: 500px; } Div.left {float: left; Clear: left; } Div.right {float: right; } & Lt; / Style & gt; & Lt; Div class = "container" & gt; & Lt; Div class = "left" & gt; Left data 1 & lt; / Div & gt; & Lt; Div class = "left" & gt; Left data 2 & lt; / Div & gt; & Lt; Div class = "right" & gt; Rightdata 1 & lt; / Div & gt; & Lt; Div class = "right" & gt; Correct data 2 & lt; / Div & gt; & Lt; Div class = "right" & gt; Rightdata 3 & lt; / Div & gt; & Lt; Div class = "right" & gt; Rightdata 4 & lt; / Div & gt; & Lt; / Div & gt;

This will give the following output: 

 + ------------------------ - ------------------------------------------ + | Bendetta 1 | | Leftdata 2 rightdata 1 rightdata 2 rightdata 3 rightdata 4 | | | + ------------------------------------------------- ------------------- +

Although I was expecting this: 

 + ------- - ------------------------------------------------ - --------- + | Leftdata 1 rightdata 1 rightdata 2 rightdata 3 rightdata 4 | | Bayandeta 2 | | | + ------------------------------------------------- ------------------- +

Why is clear: left; Also clearing the right?

My goal:

I just want to add a clear: Correct; DIV marked with class: right. It should create the following: 

  & lt; Style type = "text / css" & gt; Div.left {float: left; Clear: left;} div.right {float: right; Explicit: Correct;}  / Style & gt;  
 + -------------------------------------- -------------------------- + + | Leftdata 1 rightdata 1 | | Leftdata 2 rightdata 2 | | Rightdata 3 | | Daandeta 4 | + ------------------------------------------------- ------------------- + 

 < Code> & lt; Style type = "text / css" & gt; Div.left {float: left;} div.right {float: right;} br.clear {clear: both;} & lt; / Style & gt; & Lt; Div class = "container" & gt; & Lt; Div class = "left" & gt; & Lt; Div & gt; Data 1 & lt; / Div & gt; & Lt; Div & gt; Data 2 & lt; / Div & gt; & Lt; Div & gt; Data 3 & lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "right" & gt; & Lt; Div & gt; Correct data 1 & lt; / Div & gt; & Lt; Div & gt; Correct data 2 & lt; / Div & gt; & Lt; Div & gt; Correct data 3 & lt; / Div & gt; & Lt; / Div & gt; & Lt; Br class = "clear" /> & Lt; / Div & gt;

Comments

Post a Comment

Popular posts from this blog

c++ - Linux and clipboard -

-
After selecting the copies of the buffer in Linux, after the text, we can click and paste the button between the mouse. I think there is a special buffer for this, I want to use it. Programming Language: C ++ Your Library: Qt Thanks. There is just one more correct answer than Paul Dixon, which answers your needs: / P > QClipboard * clipboard = QApplication :: clipboard (); CastString Selected Text = Clipboard-> Text (QClipboard :: Selection);
Read more

Visual Studio 2005: How to speed up builds when a VSMDI is open? -

-
Using Visual Studio 2005, if I open the test in VSMFI and try to run the tests, then sometimes the projects are ready. However, they run very slow. CPU 99% waste and output window VS Shows things associated with compiling it. Is there any way to fix this? It does not make any sense. It is not necessary to upgrade that we are a viable alternative to those people who have to deal with the legacy code. Did you try to upgrade SP1? I do not know of any specific problem in this area, but this will be the first change I tried to do.
Read more

booting ubuntu from usb using virtualbox -

-
I am trying to install Ubuntu on a USB, the problem is that I do not want to repeat the boot once, I want to keep my windows, but I want to boot Ubuntu using the virtualbox and USB to the Ubuntu Want to use my hard drive, but how? The virtualbox will not recognize USB as a hard drive when installing an ISO In virtualbox, you have to create a virtual hard disk. Make a USB drive and tell the virtual box to install a virtual hard drive that you just created. EDIT: To answer some more questions: In the new Virtual Disk dialog, click the button next to the location field, click on the button Virtual Disk on Flash Drive To access, click the arrow next to Save in the Select File in the window next to Save In, and you can access your flash drive from there. I recommend setting the image to be allocated dynamically, because the size of your flash drive is not available disk space. I name the image, then select that image to install Ubuntu in the Verbill box. The virtualbox will never...
Read more