如何在另一个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与浮法：左;

.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>