Question

当缩小浏览器窗口chrome时，.sidebar（在某个阶段）将不会显示。在firefox中一切正常（。补充工具栏不会消失）并且会出现递减的水平滚动窗口。如何实现相同的铬？

.container应该有弹性。当.container <时，应该出现gorizonalny滚动。 550px

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
html, body {
    margin: 0;
    color: #000;
    background: #CCC;
}

.container {
    float: left;
    max-width: 750px;
    min-width: 550px;
    margin-right: 250px;
    background: #FFF;
}

.sidebar {
  float:left;
    margin-left: -250px;
    width: 250px;
    background-color: #444;
    color: #FFF;
}

</style>
</head>
<body>
<div class="container">In that case, Semak would be confronted with two of Zenit’s most difficult matches of the season. On Saturday, Zenit has a league class away to reigning Russian champions CSKA Moscow, before attempting to keep their European hopes alive away to Dortmund</div>
<div class="sidebar">In the meantime, the source said the team would be managed by reserves coach Sergei Semak</div>
</body>
</html>

Answer 1

将身体的css设置为：

位置：绝对;

div在Chrome中消失了

1 个答案: