HTML / CSS：元素一直浮动

Question

I want to keep my floated element called leftPanel follow all the time.

I do not want to specify height.

How can I do that?

Example:

|floated element |     main content here
|floated         |     text is here and the
| stops          |     floated content <-
|  here          |     keeps following until
|                |     main content also ends
|                |     main content here
|                |     main content here
|                |     main content here
|                |     main content here
|                |     main content here
|                |     main content here
|                |     ends here, and it also ends here.

Currently it looks like this:

    |floated element |     main content here
    |stops           |     main content here
    |here            |     main content here
main content here
main content here

http://jsfiddle.net/my5Aj/

How can it be fixed?

Answer 1

Just put the right content in its own div , set its width and float: right; .

Answer 2

给主要内容一个浮动元素宽度的左边距。