Question

我有一个800 x 600的可旋转图像，前后按钮重新定位到两侧。 div的高度假设为600px，但div的实际高度被推到690，包括按钮图像的高度。 div正在阻止顶部的一行可点击菜单。因此我将div高度设置为518px并移动顶部-75px以获得我想要的真实尺寸。但我觉得这样做很脏......有没有正确的方法来做到这一点？或者这种解决方法或多或少是正确的？下面是代码。谢谢！

<div class="Content Wide" id="LayoutColumn1">
     <div style=" width: 980px; height: 518px; display: block; position: relative; float: left;">
          <a href="#" onClick="prev();"><img src="/template/img/next_button.png" style="position: relative; top: 200px; left: 5px; z-index: 2;"></a>
          <a href="/chef-special/" id="mainLink"><img src="/template/img/chef_special_large.png" id="main" style="margin: 0 0 0 50px; position: relative; float: left; top: -75px; z-index: 1;"></a>
          <a href="#" onClick="next();"><img src="/template/img/next_button.png" style="position: relative; top: 200px; left: 787px; z-index: 2;"></a>
     </div>
</div>

Answer 1

如果您不希望下一个/上一个按钮影响其他内容的流量，则应在位置为相对的容器内使用position：absolute。

定位元素添加到总div高度

1 个答案: