Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 只在左侧重复背景_Html_Css_Background - Fatal编程技术网

Html 只在左侧重复背景

Html 只在左侧重复背景,html,css,background,Html,Css,Background,只在左侧重复背景需要帮助我复习了一些例子,但如果可能的话,有%的应用宽度,没有%或像素的宽度 我的内容宽度为800px,位于屏幕中央。想在所有屏幕中重复左侧背景色。我想我知道你想要什么,但你可能会忽略细节。您说过希望屏幕左侧重复背景蓝色,但您已经: #left { width 250px; position:fixed; height:100%; float:left; background:#0CF; text-align:center; margin:0;

只在左侧重复背景需要帮助我复习了一些例子,但如果可能的话,有%的应用宽度,没有%或像素的宽度


我的内容宽度为800px,位于屏幕中央。想在所有屏幕中重复左侧背景色。

我想我知道你想要什么,但你可能会忽略细节。您说过希望屏幕左侧重复背景蓝色,但您已经:

 #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,则始终会有间隙或空白。因为宽度是固定的。希望这有助于在左侧内容元素的背景上重复垂直。我不明白你的问题。你们能解释更多吗?我想在所有屏幕的左侧重复蓝色背景,内容是中心[这里][…[和这里][…[和这里][您尝试过什么?我看到了您的演示,但是关于在css中应用背景重复规则的示例如何?即使是一个您希望可以工作的坏示例,否则我们只是为您做研究,例如在我之前评论中的给定链接中