浮动右div div左div

正如你可以看到底部我有两个div inline/columbs（页面左半页，最后一页 - 右页）。我的目标是在页面大小调整时将第一个2°div（最后一个）浮起来。浮动右div div左div

基本上我希望1°div在2°下崩溃。有没有办法做到这一点？

麻烦的是我只能获得1°以下2°div左边的浮动。

建议？

<div> 
    <div class="one-half"> 
    <h2>Title</h2> 
    <p style="text-align: justify;">Text</p> 
    <p style="text-align: justify;">Text.</p> 
     <p style="text-align: justify;">Text.</p> 
</div> 
<div class="one-half last"> 
    <img src="#" class="shadow" alt="#" style="max-width: 455px;width: 100%;"> 
</div> 
<div class="clearfix"></div> 
</div>

.one-half { 
    width: 460px; 
} 

.last { 
    float: left; 
}

来源

2013-11-15 Matteo

使用z-index属性？ – vogomatix

首先，将CSS中的“half”和“half last”更改为“.one-half”和“.last”。您错过了选择课程的点。第二条规则是选择'.last'作为'.one-half'的子节点，但实际上它是相同的元素。 – kleinfreund

...并删除之间的一半和最后 – fred02138

纯CSS和HTML的方式：

的页面调整大小的检测，使用媒体查询

@media screen and (max-device-width: 600px) { 
.one-half { 
     display: none; 
    } 

    .last { 
     float: left; 
    } 
}

编辑

考虑评论，更新css到

@media screen and (max-device-width: 600px) { 
.one-half { 
     float:left; 
    } 

    .last { 
     float: left; 
     clear: left; 
    } 
}

来源

2013-11-15 13:50:44 NoobEditor

感谢您的回复。这不是页面大小调整的问题。页面右侧的div必须浮动在页面左侧的div上。 – Matteo

所以你想正确的div放置在左上方垂直div？ – NoobEditor

是的，确切地说。这是我需要的。 – Matteo

浮动右div div左div

回答

相关问题