网站建设页面设计中DIV嵌套DIV定位应该如何做呢?经过了一翻研究,我们需要在我们的网站建设页面中先定位一个DIV层中的DIV的布局中心点,然后在以这个中心点建设一个DIV采用 position: absolute;然后用margin-top: margin-left:去达到我们需要的定位点。反复测试最终把我们的样式写到页面建设代码中,完成我们的最终页面建设设计。下面给大家展示下我们的测试的最终网站建设代码,希望可以帮助到您能在遇到网站建设页面设计中DIV嵌套DIV定位的问题的时候可以一步解决它。
网站建设页面设计中DIV嵌套DIV定位相关代码展示:
<div class="download" style="position: relative;background:url('images/p_04.jpg') no-repeat center;height:1112px;">
<div class="zt" style=" position: absolute; top: 50%;left: 50%;">
<div class="down1" style="width: 260px; height: 120px; position: absolute;margin-top: -87px;margin-left: -464px;cursor: pointer;" ></div>
<div class="down2" style="width: 260px; height: 120px; position: absolute;margin-top: -87px;margin-left: -132px;cursor: pointer;"></div>
<div class="down3" style="width: 260px; height: 120px; position: absolute;margin-top: -87px;margin-left: 200px;cursor: pointer;"></div>
</div>
</div>