html - 尽管有 :0 auto with CSS?，但有没有办法覆盖 margin-left-6ren

html - 尽管有 :0 auto with CSS?，但有没有办法覆盖 margin-left

转载作者：行者123 更新时间：2023-11-28 13:21:24

我目前正在使用一个居中的包装器(以 margin 0 auto 为中心)。现在我想要一个从左边开始的容器，直到居中的 wrapper 开始。对于这个给定的 margin 规范，这可能吗？

我真的很感激一些提示!

另见 fiddle : http://jsfiddle.net/TQhEa/1/

我现在拥有的: enter image description here

我想要的:

enter image description here

我的代码:

<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;
}
}

最佳答案

最简单的方法是设置background-color 和background-image 的位置。查看this piece of code :html

<div id="page-wrapper">content</div>

CSS

body {
  margin: 0;
  background: #c11 url(http://placekitten.com/1000/1000) 100% 0 no-repeat;
}
#page-wrapper {
  width: 400px;
  height: 1000px;
  background: #ccc;
  margin: 0 auto;
}

关于html - 尽管有 :0 auto with CSS?，但有没有办法覆盖 margin-left，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15656008/