如何通过移到一边在另一个 div 内容上制作浮动 div

Question

我必须在另一个div上浮动一个div。

----------------------------------------------
|     div   |   asdfsdfsafasdfsafsfsafasfsd   |
|  floating |   asdfsdfsafasdfsafsfsafasfsd   |
|___________|   asdfsdfsafasdfsafsfsafasfsd   |
| asdfsdfsafasdfsafsfsafasfsdfsafasfsd        |
| asdfsdfsafasdfsafsfsafasfsdfsafasfsd        |
|                                             |
|                                             |
|                                             |
|                                             |
-----------------------------------------------

浮动div 使内容移动或包装其他内容。 这也是响应式设计。

编码

<tr>
    <td style="background: #AAAAAA" colspan="2">
        <div style="float:left;display:block;clear:both;background:#fff;padding:5px">
            <p>navigation</p>
            <p>asdfsadf</p>
            <p>asdfasfd</p>

        </div>
                        <p> section1</p><p> section1</p><p> section1</p><p> section1</p><p> section1</p><p> section1</p><p> section1</p><p> section1</p><p> section1</p><p> section1</p>
    </td>
</tr>

谢谢。

Answer 1

这是你需要的吗？如果是，请检查代码段，您只需将内部div 与 float：left 放在一起;

.big{
    background-color:#eee;
    width:100%;
}
.in{
    background-color:#00FF00;
    float:left;
   padding:30px;
}

<div class="big">
<div class="in">
div  floating
</div>asdfsdfsafasdfsafsfsafasfsd   
 asdfsdfsafasdfsafsfsafasfsdfsafasfsd       
asdfsdfsafasdfsafsfsafasfsdfsafasfsd  asdfsdfsafasdfsafsfsafasfsd 
 asdfsdfsafasdfsafsfsafasfsdfsafasfsd asdfsdfsafasdfsafsfsafasfsd      asdfsdfsafasdfsafsfsafasfsdfsafasfsd  asdfsdfsafasdfsafsfsafasfsd   
 asdfsdfsafasdfsafsfsafasfsdfsafasfsd       
asdfsdfsafasdfsafsfsafasfsdfsafasfsd  asdfsdfsafasdfsafsfsafasfsd 
 asdfsdfsafasdfsafsfsafasfsdfsafasfsd    asdfsdfsafasdfsafsfsafasfsdfsafasfsd  
</div>