Css mac和windows上的chrome滚动条行为不同
在处理网格布局时,我遇到了一个与windows/mac不同的css滚动条的障碍 请注意,滚动条位于实际行的右侧。现在在windows上,我明白了 为什么windows会将行中的div推到下一行?解决这个问题的最佳方法是什么 html的一般格式为:Css mac和windows上的chrome滚动条行为不同,css,google-chrome,scrollbar,Css,Google Chrome,Scrollbar,在处理网格布局时,我遇到了一个与windows/mac不同的css滚动条的障碍 请注意,滚动条位于实际行的右侧。现在在windows上,我明白了 为什么windows会将行中的div推到下一行?解决这个问题的最佳方法是什么 html的一般格式为: <div class="diamond-stat-body"> <div class="diamond-row"> <div class="diamond-block diamond-stat-blo
<div class="diamond-stat-body">
<div class="diamond-row">
<div class="diamond-block diamond-stat-block">
</div>
<div class="diamond-block diamond-stat-block">
</div>
...
</div>
....
</div>
为什么不使用实际的
如果您不想这样做,那么使用display:table编码>和显示:表格单元格代码>
我还没有测试过,所以我不知道这是否能解决你的问题
.diamond-stat-block{
width: 125px;
height: 2.5em;
padding: .5em;
}
.diamond-block{
border: .1em solid white;
border-radius: 2px;
background-color: #ddd;
padding: 1em;
display: inline-block;
float: left;
}
.diamond-row{
height: 2.5em;
}
.diamond-body{
width: 480px;
height: 30%;
overflow-y: scroll;
margin: 0em auto;
}