css - 如何使div固定在侧边栏上并且不重叠

Question

我有2个div一样

<div class="container">
example data example data example data ...
</div>

<div class="sidebar"></div>

我喜欢这样的风格

.container {
    width:300px;
    height:auto;
    margin:auto;
    padding-top:10px;
    background-color:blue;
}
.sidebar {
    height: 150px;
    width: 150px;
    background-color:#ddd;
    position:fixed;
    right:20px;
    top:60px;
}

我希望我的侧边栏固定，当我缩放不重叠的小宽度窗口时

如何做到这一点谢谢这是我的例子 http://jsfiddle.net/npUaf/

Answer 1

根据您的评论“我认为 div 可以消失”，您可以使用媒体查询:

@media screen and (max-width: 660px) {
    .sidebar {
        display: none;
    }
}

检查您的 updated Fiddle