Div不会包裹，但有时会

Question

用这个把我的头靠在墙上。当“@media (max-width: 320px)”缩略图的大小减小时，下方div的空间会浮动到它旁边的右边。由于某种原因，它不起作用，但有时当玩Chrome的“检查元素”并打开/关闭属性时，它突然起作用。使用twitter-bootstrap，这是一个bootply http://bootply.com/73043

@media ( max-width: 320px ) {
    .thumbnail > a > img {
        width: 40%;
    }
    .pleasewrap {
        float: right;
        display: inline-block;
        position: absolute;
    }
}

Answer 1

看一下，我认为这与浏览器没有选择'pleasewrap'类的媒体查询规则有关。在Chrome检查器中取消激活并重新激活后，它会将其拾取并执行您想要的操作。

尝试在模板样式表中的更高，更一般（或最高，非媒体特定）级别应用“内联块”显示规则，这应该可以完成工作！

Answer 2

http://bootply.com/73044

我已将clearfix类添加到缩略图div，并为拇指添加了一些边距/填充

Answer 3

http://bootply.com/73046

认为有效，替换div的内联高度（当我把它放在css上时它对我不起作用，所以你的将在.css上工作）。