Question

我真的不知道如何用文字表达，但我确实有照片可以让你对我的问题有所了解。好像浮动给我的问题/

这就是我想要完成的事情：

这是我的问题：

以下是代码：

body {
  background: #C52C2C;
}
.images div {
  width: 300px;
  height: 300px;
  background-color: white;
  margin: 0 auto;
  float: left;
  margin: 2px;
}
#portfolio {
  overflow: auto;
  clear: both;
  heigth: 400px;
  background-color: #c62828;
}

<div class="images">
  <!-- Top Boxes -->
  <div class="box-1 left"></div>
  <div class="box-2 left"></div>
  <div class="box-3 left"></div>
  <!-- Bottom Boxes -->
  <div class="box-4 left"></div>
  <div class="box-5 left"></div>
  <div class="box-6 left"></div>
</div>

我想要做的是改变投资组合部分的高度，但是当我改变高度时，没有任何改变。如果我取下盒子，那么我可以改变高度。我该如何解决这个问题？

如果你理解这一点，谢谢你。

Answer 1

这是因为var p01 = new Person(3475, 1, 'Rand,McKinnon', 33, 'M'); var p02 = new Person(7608, 2, 'Ken,Jones', 39, 'M'); var p03 = new Person(1957, 3, 'Vladi,Orlov', 58, 'M'); var c01 = new Car('Eagle', 'Talon,TSi', 1993, 'BP456H46', 'red', 201, p01); var c02 = new Car('Nissan', '300,ZX', 'J001', 1992, 'blue', 244, p02); var c03 = new Car('Toyota', 'Avalon,XLS', '6HPR64W', 2000, 'black', 118, p03); p01.aut = c01; p02.aut = c02; p03.aut = c03; document.write('Car:c03.make=', c03.make, '|', c03.colo, '|', c03.ownr.nam, '<br>'); document.write('Person:p03.idn=', p03.idn, '|', p03.nam, '|', p03.gen, '|', p03.aut, '<br>');元素的display属性值不合适。您应该将其设置为：

View More

也可以向下箭头。

Answer 2

你的意思是这样吗？
https://jsfiddle.net/xsjjo654/1/

代码示例：

print(xtable(a))

Answer 3

尝试Bootstrap。它让你玩一些很酷的网格功能，它是响应的！

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" 
             rel="stylesheet">
                <style>
                    .inner { 
                                height:350px; 
                                background-color:white;
                                margin-top:5px;
                                margin-left:-25px;}
                    body {background-color:red;}
                </style>
            <body>


            <div class='container'>
                <div class='row'>
                    <div class='col-md-4'>
                            <div class='inner'></div>
                            <div class='inner'></div>
                </div>

                <div class='row'>
                    <div class='col-md-4'>
                            <div class='inner'></div>
                            <div class='inner'></div>
                </div>

                <div class='row'>
                    <div class='col-md-4'>
                            <div class='inner'></div>
                            <div class='inner'></div>
                </div>
            </div>

 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/
 3.3.6/js/bootstrap.min.js"> </script>

输出：http://s28.postimg.org/9y69346tp/test.png如果您要自动从数据库刷新图片，可以稍后添加更多行。

希望有所帮助！干杯！

Answer 4

如果给图像宽度和边距：自动它应该更容易居中：）

body {
  background: #C52C2C;
}
.images {
  width:912px;
  margin:auto;
  }
.images div {
  width: 300px;
  height: 300px;
  background-color: white;
  margin: 0 auto;
  float: left;
  margin: 2px;
}
#portfolio {
  overflow: auto;
  clear: both;
  heigth: 400px;
  background-color: #c62828;
}

<div class="images">
  <!-- Top Boxes -->
  <div class="box-1 left"></div>
  <div class="box-2 left"></div>
  <div class="box-3 left"></div>
  <!-- Bottom Boxes -->
  <div class="box-4 left"></div>
  <div class="box-5 left"></div>
  <div class="box-6 left"></div>
</div>

Answer 5

使用此：clearfix

这里的问题是你的容器没有考虑到内盒的高度，所以如果你为它添加了clearfix就可以了。

如何修复另一个div中的浮动div？

5 个答案: