不能以某种方式将bg移动到中间

时间:2015-11-28 02:03:06

标签: css

http://prntscr.com/97sgvp

所以基本上我想将白色背景移动到中间/中心 宽度65%,高度100%

.middlebg {
    background-color: #FFFFFF;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;``
    width: 65%;
    height: 100%;
    clear: both;

1 个答案:

答案 0 :(得分:0)

关键是将middlebg类中的边距设置为margin: 0 auto,第一个值是垂直边距,第二个值是水平边距。将水平边距设置为自动将为您设置此元素的中心。

http://codepen.io/lostdino/pen/rOEEPr

body {
  background: black;
  position:relative;
  width: 100%;
}
.middlebg {
  margin: 0 auto;
  background-attachment: fixed;
  width: 65%;
  height: 80px;
  background:white;
}