margin的无边界问题以及图片的block属性问题-创新互联

公司主营业务：网站设计制作、做网站、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。成都创新互联公司是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。成都创新互联公司推出岢岚免费做网站回馈大家。

Document

这是移动端开发的一个小测试。按照上面的代码，最终的结果是页面产生了滚动条，为啥呢！！！，纠结死。。。

究其原因，发现其实是margin的无边界问题，.top-img设置了绝对定位，所以在给.div1加上margin-top后由于没有相对的边界所以body的高度被撑开了所以就有了滚动体。

解决办法，去掉.top-img的绝对定位改为：

.top-img{

width:100%;

height:0.4rem;

}

以为这样就行了，no！，这个时候.top-img会把上面下面都撑开一段距离，不止3像素，不知道到底是啥原因，反正再加上display:block就搞定了。。。

创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证，机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。

网站名称：margin的无边界问题以及图片的block属性问题-创新互联
浏览路径：http://lszwz.com/article/digpej.html

其他资讯

售后响应及时

7×24小时客服热线

数据备份

更安全、更高效、更稳定

价格公道精准

项目经理精准报价不弄虚作假

合作无风险

重合同讲信誉，无效全额退款

乐山小谭建站工作室是一家专注从事于高品质视觉体验及互联网设计开发，乐山网站建设，乐山网站设计，乐山网页设计，乐山网站制作，品牌网站建设，营销网站建设，集团网站建设，企业网站建设，外贸网站建设，响应式网站建设，小程序开发，微信开发，企业形象设计，企业宣传视频等服务，小谭建站位于乐山市龙岗区大运软件小镇，小谭建站拥有经验丰富的高级网站建设工程师和一流的网页高端设计人员，具备各种规模与类型网站建设的雄厚实力，在网站建设领域树立了自己独特的设计风格。

友情链接交换友情链接

公司logo设计凯亚自动化控制攀枝花SEO 温江电信机房恒温恒湿空调机组四川艾名斯网站改版定制网站成都做网站香港云主机

Copyright © 2022 青羊区小谭信息技术咨询服务工作室乐山建站工作室 All Rights Reserved 蜀ICP备2021004003号-25

Copyright © 2022 青羊区小谭信息技术咨询服务工作室乐山建站工作室

蜀ICP备2021004003号-25