在使用CSS布局网页时,经常会用到两个元素上下排列的情形。而这种布局方法非常简单,只需要给两个元素分别设置样式即可。 .top{ background-color: red; height: 100p
在使用CSS布局网页时,经常会用到两个
.top{
background-color: red;
height: 100px;
}
.bottom{
background-color: blue;
height: 200px;
}
如上代码所示,分别设置了两个类名为“top”和“bottom”的
接下来,我们需要为这两个元素的位置进行排列。这需要使用CSS中的定位属性。具体方法如下:
.top{
position: relative;
top: 0px;
}
.bottom{
position: relative;
top: 100px;
}
如上代码所示,分别给两个
通过上述样式设置,两个
粉丝
0
关注
0
收藏
0