我需要一個滾動條(響應),有六個矩形像附件。每個rectlangle的大小是頁面的1/4大小。水平響應滾動條
<!DOCTYPE html>
<html>
<link href="Content/bootstrap.css" rel="stylesheet" />
<head>
<title></title>
<meta charset="utf-8" />
<style>
html, body { height: 100%; width: 100%; margin: 0; }
.rows{
height:33.333333333333333333%;
}
.cols{
width:25%;
float:right;
height:100%;
background-color:red;
border:solid;
font-size: 2.2vw;
text-align:center;
vertical-align:bottom;
border-color:black;
}
</style>
</head>
<body>
<div class="rows" >
sadfsadf
</div>
<div class="rows" style="width:150%;overflow-x:scroll;overflow-y:scroll;">
<div class="cols">salam</div>
<div class="cols">salam</div>
<div class="cols">salam</div>
<div class="cols">salam</div>
<div class="cols">salam</div>
<div class="cols">salam</div>
</div>
<div class="rows">
</div>
</body>
</html>
,但我的代碼如下輸出:
什麼想法?
感謝您和+1你的答案 –