css - 页面底部的小部件栏

标签 css

您好,我最近在我的网站上修改了很多 CSS。也许正因为如此,我的小部件栏现在位于页面底部。我查看了之前关于该主题的帖子,这些帖子说问题可能与帖子中的错误 html 或错误的 css 有关。问题出现在我修改我的CSS时,所以我尝试扩大我的页面宽度,修改我的小部件栏大小,并缩小帖子的大小来解决问题,但都无济于事。我自己花了很多时间来解决这个问题,我来这里只是作为最后的手段。

我的网站是http://www.diveintonewenglish.com .如果有人能帮助我,那就太好了,而且 也许对有类似问题的人有帮助。

最佳答案

最简单的方法(帖子占宽度的 75%,小部件栏占 25%):

#primary {
  float: left;
  margin: 0;
  width: 75%;
}
#secondary {
  float: left;
  margin: 0;
  width: 25%;
}
.widget-area {
  padding: 0;
}
/* and remove styles of DIV#secondary.widget-area */

关于css - 页面底部的小部件栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23514745/

相关文章:

html - Css 表单进度条样式问题

javascript - Bug Bootstrap 4 和 fullcalendar.js - bootstrap 4 模式中的 fullcalendar

html - 摆脱多余的空间

html - 响应式设计 div 不随屏幕宽度扩展

javascript - iframe 不工作

javascript - IF 语句在单击事件的 jQuery 回调函数中不起作用

html - Bootstrap 4 导航栏在 div 内打开

javascript - 当我下降到使用 ng-repeat 创建的元素时如何向下滚动

css - 使用 CSS 组合形状

javascript - Jquery attr 不能为 Checkbox Required 属性正常工作