html如何控制右边距离,两个东西之间的距离怎么控制 |
您所在的位置:网站首页 › 如何设置两个div之间的距离显示 › html如何控制右边距离,两个东西之间的距离怎么控制 |
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 给你简单的写了个例子,你看看吧,具体还要你网上查下相关资料,这里说的比较笼统! 代码: 新建网页/*这里是margin设置距离*/ #div1{ width: 200px; height: 300px; background: blue; } #div2{ width: 200px; height: 300px; background: red; margin-top: 20px;/*div2的顶部到div1的距离是20px*/ } /*这里是padding设置距离*/ #div3{ width: 600px; height: 600px; background: orange; padding-top: 20px;/*div3内部的块div4到div3的上边框的距离是20px*/ padding-left: 50px;/*div3内部的块div4到div3的左边框的距离是50px*/ } #div4{ width: 300px; height: 300px; background: black; } /*这里是用绝对定位设置距离*/ #div5{ width: 600px; height: 600px; background: yellow; position: relative; /*设置div5为相对定位,因为div6的绝对定位是相对于上一个带有相对定位的父标签来定位*/ } #div6{ width: 600px; height: 300px; background: green; position: absolute;/*设置div6为绝对定位*/ left: 100px;/*div6到div5左侧的距离为100px*/ top: 100px;/*div6到div5上边框的距离为100px*/ } 1111 2222 3333 44444 55555 666666 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |