导航

专业做网站建设公司、网页设计制作、百度优化推广、网站维护托管等网站相关业务,欢迎咨询。

域名空间 | 服务领域  网站建设1500元全包。做完验收修改到满意为止可淘宝付款有保证!
当前位置: 邯郸网站建设 > 网页设计制作百科 > 常见问题

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