Я сражаюсь в настоящее время с центрированной оберткой (с центром с автографом 0). теперь я хочу, чтобы контейнер начинался слева до начала центрированной обертки. Возможно ли это вообще с этой заданной маржей?Есть ли способ, которым я могу покрыть маржу слева, несмотря на крайность: 0 auto с CSS?
Я бы очень признателен за некоторые подсказки!
Смотри также скрипку: http://jsfiddle.net/TQhEa/1/
Что я есть сейчас:
То, что я хочу иметь:
Мой код:
<body>
<div id="page-wrapper">
<p><---- how can i cover the left side only with red without javascript but keeping the "0 auto margin?"
</div>
</body>
мой CSS:
body, html{
width:100%;
height:100%;
top:0;
margin:0;
background-image: url('http://www.art-wallpaper.net/Full-Size-HD-Wallpaper29/images/HD%20Widescreen%20Wallpaper%2059.jpg');
background-repeat:no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#page-wrapper{
background-color:red;
margin: 0 auto;
width: 400px;
top:0;
margin-top:0;
height:100%;
}
p {
padding:0;
margin:0;
font-size:30px;
}
}
Вы можете поместить второй бокс на 50% влево. – gaynorvader