html - 居中布局，一侧为背景图案-另一侧为纯色

Question

我的问题非常接近这个问题：

两个固定宽度的全高列，无缝过渡到空白空间

除了我想在左侧使用 bg 图案并让右侧成为无缝颜色。有任何想法吗？

Answer 1

添加具有repeat（或repeat-y）值的背景属性：

  #navigation {
    display: table-cell;
    width: 200px;
    background: #fff url(http://placedog.com/400/300) scroll repeat-y top left;
  }

url应该指向服务器上背景图像的位置。

工作示例：http: //jsbin.com/amunuz/21/edit