设置div距离底部20px
时间: 2023-06-28 10:15:41 浏览: 71
您可以使用CSS中的bottom属性来设置一个元素距离底部的距离,具体代码如下:
```css
div {
position: fixed;
bottom: 20px;
}
```
这将把div元素固定在浏览器窗口的底部,并使其与底部的距离为20像素。
相关问题
html页面如何设置div与div上下距离
你可以使用CSS来设置div与div之间的上下距离。有多种方法可以实现这一点,以下是其中的两种:
1. 使用margin属性
可以使用margin属性来设置div与其上下元素之间的距离。例如,要使一个div与其上方的div之间有20像素的距离,可以将下面的CSS代码添加到你的样式表中:
```
div {
margin-top: 20px;
}
```
同样的,如果你要使一个div与其下方的div之间有20像素的距离,可以使用margin-bottom属性:
```
div {
margin-bottom: 20px;
}
```
2. 使用padding属性
你也可以使用padding属性来设置div与其内容之间的距离。例如,要使一个div的内容与其顶部有20像素的距离,可以将下面的CSS代码添加到你的样式表中:
```
div {
padding-top: 20px;
}
```
同样的,如果你要使一个div的内容与其底部有20像素的距离,可以使用padding-bottom属性:
```
div {
padding-bottom: 20px;
}
```
这两种方法都可以达到相同的效果,具体取决于你的具体需求和设计需求。
每个DIV之间设置距离
可以使用CSS中的margin属性为每个DIV设置距离。例如,如果要在每个DIV之间设置10像素的距离,可以使用以下CSS代码:
```css
div {
margin-bottom: 10px;
}
```
这将在每个DIV元素的底部添加10像素的外边距,从而在它们之间创建间隔。你也可以使用其他单位,如像素(px),百分比(%)或em等,来设置间距的大小。