首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >需要帮助设置背景颜色,以延长页面的长度

需要帮助设置背景颜色,以延长页面的长度
EN

Stack Overflow用户
提问于 2012-12-21 20:22:34
回答 1查看 60关注 0票数 0

我正在使用twitter bootstrap,并使用它的CSS类进行网格布局。(我是CSS新手)

我想有一个经典的布局左栏和右栏。但是,我不想在这两列之间有任何空白。另外,左栏应该从页面的左边开始,没有任何页边距。

Bootstrap有一个基本的流体布局-

然而,我想对上面所做的更改如下-

1)从div.span2中删除所有左边距。

2)删除div.span2和div.span10之间的所有页边距

3)给div.span1一个背景颜色,一直延伸到页面的底部。目前,如果我给它一个背景色,它只对有内容的部分显示。然而,我想要它走到页面的长度。我该怎么做呢?

任何帮助都将不胜感激。

EN

回答 1

Stack Overflow用户

发布于 2012-12-21 20:42:46

8px的差额来自用户代理..

代码语言:javascript
运行
复制
body {
display: block;
margin: 8px;
}

如果你想把你的柱子贴在边上,

从bootstrap.css替换它

代码语言:javascript
运行
复制
body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  background-color: #f5f5f5; 
}

使用

代码语言:javascript
运行
复制
body {
  margin: -8px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  background-color: #f5f5f5;
}

要删除两个跨度之间的间隙,只需在bootstrap.css中替换

代码语言:javascript
运行
复制
[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}

使用

代码语言:javascript
运行
复制
[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 0px;
}

我希望这能解决问题。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13990119

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档