html - 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）。