背景只重复左侧

时间:2014-04-23 16:12:51

标签: html css css3 background

仅在左侧需要重复背景的帮助我已经审查了一些示例,但是如果可能的话,应用宽度%,没有%或像素的宽度

我的内容宽度是800px和屏幕中心。希望在所有屏幕中留下背景颜色重复。

1 个答案:

答案 0 :(得分:0)

我想我知道你想要什么,但你可能会遗漏你的问题。你说你希望屏幕的左侧重复背景蓝色,但你已经有了:

 #left
{
  width 250px;
  position:fixed;
  height:100%;
  float:left;   
  background:#0CF;
  text-align:center;
  margin:0;
  padding:0;
}

好像你想要填补你的蓝色div旁边的“空白”或空格。要尝试的一件好事是在你的左边div中使用一个百分比或em类似于:

#left
{
  width:52%;
  position:fixed;
  height:100%;
  float:left;   
  background:#0CF;
  text-align:center;
  margin:0;
  padding:0;
}

如果使用固定宽度(即宽度:250px),则始终会有间隙或空白。因为宽度是固定的。希望这有帮助