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*/
}
1111222233334444455555666666本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！