Question

我在使用此示例的Chrome中遇到了问题

这是一个响应式引导程序设计..

当width小于1000px时，绿色区块应按下蓝色条，但在Chrome中，蓝色条保持相同位置，绿色区块在其下方分层..

http://www.bluemachines.dk/_bootstrap/break/

Answer 1

您已为##;＃presentation＆＃39;指定了高度div：385px。这个盒子里面的绿色框。

＆＃39;＃statistics＆＃39; div正在清除＆＃39;＃presentation＆＃39; div所以它将位于385px之后。

解决方案：

要么增加＆＃39;＃presentation＆＃39;的高度。 div包括绿框的高度。

或者

从＆＃39;＃演示文稿中删除高度＆＃39;格。

Answer 2

尝试将统计信息移动到新的行div！

Answer 3

因为.col-md-12

下的类的固定宽度

#slideshow {
    position: relative;
    float: left;
    height: 380px;
    width: 570px;
    background: rgba(0,0,0,0.1);
}
#register {
    float: right;
    height: 380px;
    width: 20%;
    background: green
}

use可以使用bootstrap类来提供宽度

使用float清除两者并不适用于Chrome

3 个答案: