为什么页脚中心没有保证金:0自动?

4th*_*ace 0 html css

任何想法为什么页脚不在下面的代码中?

<html>
    <head>
        <style>
            #container {width:1000px;margin:0 auto;}
            #footer {margin:0 auto;}
        </style>
    </head>
    <body>
        <div id="container">

            <div>
                lksdfkjjindskfjsfkjflskfjsls.....sdlfkajsf
                sdfkjkkdiidkdkn   asdflkajf;lskdfioasfnasldf  ;lkjlthis is just a testing  
                ' sdlfk  sdlfk  dslfkjsf lskdfjsaf this elobrate   asdfkj   
                sdlfk  sldkfjsodsf lsdkfj   dlkjhgkjhgkjhg
            </div>

            <div id="footer">
                copyright 2014
            </div>

        </div>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/WJw5H/

Rud*_*ddy 5

默认情况下,a div是块元素.这意味着它有width: 100%;.margin: 0 auto;将中心元素,但如果它,它怎么能这样做width: 100%.

对于这个问题!

实际上它有width: auto,对于一个块级元素是它的容器的全宽 - 但这不是100%,因为否则填充会使它溢出 - Niet the Dark Absol

在这里演示

CSS:

#footer { width: 200px; margin:0 auto;}
Run Code Online (Sandbox Code Playgroud)

你也可以 text-align: center;

在这里演示

  • 实际上它有`width:auto`,对于块级元素来说,它是容器的整个宽度 - 但这不是'100%`,因为否则`padding`会使它溢出;) (2认同)