我有一个渲染较低的盒子,我不知道为什么。
<div id="hint-history" class="popup">
<div class="row">
<div class="col" id="closehistorypopup">
<div class="body">
<button class="x">
<span class="sprite close"></span>
</button>
<div class="title">Hint History</div>
<div class="lists">
<?php for($i=0;$i<6;$i++) { ?>
<div class="list history[[$i]]" id="history[[$i]]">
<div class="info">
<div class="picture monophoto">
<div class="text">BO</div>
<div class="img" style="background-image: url();"></div>
</div>
<div class="right">
<div class="lineone">John Smith</div>
<div class="linetwo">Daily Essentials</div>
</div>
</div>
<div class="boxes">
<div class="left">
<div class="box box1"></div>
</div>
<div class="right">
<div class="box box2"></div>
<div class="box box3"></div>
</div>
</div>
<a class="cbutton whiteonblack">VIEW LIST<!--SEE <span class="owner">JOHN'S</span>--></a>
</div>
<?php } ?>
<?php $i++; $privateCount = 1; ?>
@if ($privateCount > 0)
<div id="privatecard" class="list history[[$i]]">
<div class="info">
<div class="picture monophoto" style="visibility: hidden;">
</div>
<div class="right">
<p id="privatecounter">
@if ($privateCount == 1)
There is [[$privateCount]] private user.
@else
There are [[$privateCount]] private users.
@endif
</p>
<div class="linetwo"> </div>
<div class="linetwo"> </div>
<div class="linetwo"> </div>
</div>
</div>
<div class="boxes">
<div class="left">
</div>
<div class="right">
</div>
</div>
</div>
@endif
</div>
无论我做什么,它都不会让步。
.privatecard {
margin-top: -500px !important;
}
.privatecard {
padding-bottom: 500px !important;
}
//etc
我怎样才能强制它向上移动?
最佳答案
发布 fiddle ?
虽然我过去遇到过这个问题,但我已经通过确保所有 inline-block
的组合解决了它。元素也是vertical-align:top;
(或任何其他状态,只要它是一致的)。然后,设置 min-height
到父容器,和一个 min-height
所有 inline-block
'd 元素
关于html - 力元素向上移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34909231/