Css 我的网页没有底部填充

Css 我的网页没有底部填充,css,margin,Css,Margin,我的网页有问题:没有底部填充,这让我的网站看起来很奇怪。我尝试过将正文和html更改为边距底部:100px,但似乎不起作用。这似乎总是发生在我添加外包的导航栏时 CSS HTML 这是一些正确的内容! 尝试将此添加到您的css #wrapper { margin-bottom:50px; } 或者,您希望底部边距有多少像素是否尝试向body元素添加填充 body{ padding-bottom: 100px; } 嘿,我为您的代码设置了一个JSFIDLE来查看,我调整了一些

我的网页有问题:没有底部填充,这让我的网站看起来很奇怪。我尝试过将正文和html更改为边距底部:100px,但似乎不起作用。这似乎总是发生在我添加外包的导航栏时

CSS

HTML


这是一些正确的内容!
尝试将此添加到您的css

#wrapper {
margin-bottom:50px;
}

或者,您希望底部边距有多少像素

是否尝试向body元素添加填充

body{
  padding-bottom: 100px;
}

嘿,我为您的代码设置了一个JSFIDLE来查看,我调整了一些东西,检查一下,看看有什么有用的:

这里最大的建议是:

position: relative;
在包装上和包装内的盒子上,这样它们就可以展开包装,而不是自由浮动

也可以在css-tricks.com上查看这篇文章,我发现它非常有用:

body{
  padding-bottom: 100px;
}
position: relative;