我正在尝试在固定宽度的div中水平显示多个div（框）。我想使用水平滚动条来显示所有不适合父div的div。
但是，div是垂直显示的，而不是水平显示的。有没有办法强迫他们并排显示？并使用水平滚动条查看它们。我已经在下面发布了代码。
<html>
<head>
<title> Slide </title>
<style type="text/css">
.total
{
height:350px;
width:75%;
border:1px solid black;
margin-left:auto;
margin-right:auto;
margin-top:15%;
}
.slidepanel
{
border:1px solid purple;
width:100%;
height:100%;
overflow-x: scroll;
overflow-y: hidden;
}
.slideleft
{
border:1px solid green;
width:5%;
height:10%;
margin-left:5%;
float:left;
text-align:center;
//padding-top:1%;
}
.slideright
{
//padding-top:1%;
border:1px solid green;
width:5%;
height:10%;
margin-left:80%;
float:left;
text-align:center;
}
.box
{
border:1px solid red;
width:100%;
height:100%;
float:left;
margin-left:auto;
margin-right:auto;
}
</style>
</head>
<body>
<div class="total">
<div class="slidepanel">
<button class="slideleft">
<<
</button>
<button class="slideright">
>>
</button>
<div class="box">
</div>
<div class="box">
</div>
<div class="box">
</div>
<div class="box">
</div>
</div>
</div>
</body>
</html>
最佳答案
是的，在它们周围放一个包装纸。像这样http://dabblet.com/gist/2787474
关于html - 水平显示1格以上并使用水平滚动条查看，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10753467/