网站建设页面设计中DIV嵌套DIV定位应该如何做呢?

2022-09-10 23:22 小编

网站建设页面设计中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>



Tag: 如何 建设 页面 网站 设计
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码