Question

在父级div中有很多子div，我试图应用overflow-x道具，但它不起作用，我附上了我的代码，请给出一些解决方案

＆＃13;

<style>
.parent{
width: 100%;
height: 300px;
background:#ccc;
overflow-x: scroll;
overflow-y: scroll;
}
.child{
width: 200px;
height: 200px;
float: left;
border: 1px solid red;
}
</style>
<body>
<div class="parent">
	<div class="child">
    </div>
    <div class="child">
    </div>
    <div class="child">
    </div>
    <div class="child">
    </div>
    <div class="child">
    </div>
    <div class="child">
    </div>
    <div class="child">
    </div> 
</div>
</body>

＆＃13;

Answer 1

我想我找到了你需要的东西。你还需要一个额外的div来让你所有的孩子div成为一行，否则他们会分成更多的行。请试试这个：

Try-Catch

和css：

<div class="parent">
<div class="inner">
    <div class="child">
    </div>
    <div class="child">
    </div>
    <div class="child">
    </div>
    <div class="child">
    </div>
    <div class="child">
    </div>
    <div class="child">
    </div>
    <div class="child">
    </div> 
   </div>
</div>

父div溢出-x不起作用

1 个答案: