Fatal编程技术网
  • css/
  • Css 保证金：0自动；不以内容为中心

Css 保证金：0自动；不以内容为中心

css html web

Css 保证金：0自动；不以内容为中心,css,html,web,margin,Css,Html,Web,Margin,我正在处理一个网页，我设置了我的div标签的宽度，并使用边距：0 auto；但我的内容仍然在左边。我使用的是OS X 10.7.3、Chrome 19.0.1084.46和Dreamweaver CS6 以下是我的CSS： @charset "UTF-8"; body { text-align: center; display: block; } .container { float: left; height: 2000px; width: 964px

我正在处理一个网页，我设置了我的div标签的宽度，并使用边距：0 auto；但我的内容仍然在左边。我使用的是OS X 10.7.3、Chrome 19.0.1084.46和Dreamweaver CS6

以下是我的CSS：

@charset "UTF-8";
body {
    text-align: center;

    display: block;
}
.container {
    float: left;
    height: 2000px;
    width: 964px;
    margin: 0 auto;
    text-align: left;
}
.header {
    float: left;
    height: 117px;
    width: 964px;
}
.leftcol {
    float: left;
    height: 1715px;
    width: 534px;
    margin-top: 20px;
margin-right: 10.125px;
    margin-bottom: 20px;
    margin-left: 30px;
}    
.navbar {
    float: left;
    height: 69px;
    width: 964px;
}
.rightcol {
    float: left;
    height: 1715px;
width: 306px;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 20.25px;
}
.video {
    float: left;
    height: 301px;
    width: 534px;
}
.pagebody {
    float: left;
    height: 1749px;
    width: 920px;
    background-color: #FFF;
    margin-top: 0px;
    margin-bottom: 21.25px;
    margin-left: 22px;
}
以及使用CSS的HTML：

<body>
<div class="container">
  <div class="header"><img src="Images/Top.png" width="964" height="117" alt="Intelligentlemen Films" /></div>
  <div class="navbar"><img src="Images/RibbonMenu.png" width="964" height="69" alt="Navbar" /></div>
  <div class="pagebody">
    <div class="leftcol">
        <div class="video"><iframe width="534" height="301" src="http://www.youtube.com/embed/kMBEuol6aUc" frameborder="0" allowfullscreen></iframe></div>
     </div>
     <div class="rightcol"><img src="Images/intelligentlemen button.jpg" width="300" height="61" alt="Intelligentlemen" /></div>
    </div>
   </div>
 </body>
</html>
因为您还应用了
float:left


您还应该以doctype声明开始源代码，例如
，和，as.
，因为您还应用了
float:left

您还应该以doctype声明开始您的源代码，例如
，并且作为。
首先，
不能向左浮动，也不能水平自动设置边距。这有什么意义呢。您希望容器居中，而不是推到左侧。
这可能会给你带来麻烦，因为事情并没有按照你所希望的那样发展，因为你所拥有的所有其他元素都是向左浮动的

像标题和导航栏这样的元素甚至不应该浮动，即使你没有浮动它们，它们也会非常好，只需要清除它们。你需要读书

底线。当你浮动时，你需要在完成浮动后清除它们

这是你的阅读材料：
如果这是你唯一要做的事情，请至少阅读CSS技巧上的大崩溃，但我建议你通读一遍（并搜索更多内容，直到它粘住为止）







了解浮动非常重要

p、 不要在容器上定义高度，你希望它是灵活的，不是吗？我知道你再次定义了高度，因为你不完全理解CSS浮动。这就是为什么你需要阅读：）

祝你好运：）首先，
不能向左浮动，也不能水平自动设置边距。这有什么意义呢。您希望容器居中，而不是推到左侧。
这可能会给你带来麻烦，因为事情并没有按照你所希望的那样发展，因为你所拥有的所有其他元素都是向左浮动的

像标题和导航栏这样的元素甚至不应该浮动，即使你没有浮动它们，它们也会非常好，只需要清除它们。你需要读书

底线。当你浮动时，你需要在完成浮动后清除它们

这是你的阅读材料：
如果这是你唯一要做的事情，请至少阅读CSS技巧上的大崩溃，但我建议你通读一遍（并搜索更多内容，直到它粘住为止）







了解浮动非常重要

p、 不要在容器上定义高度，你希望它是灵活的，不是吗？我知道你再次定义了高度，因为你不完全理解CSS浮动。这就是为什么你需要阅读：）


祝你好运：）
我有，但我把它拿了出来，因为它不适用。我有，但我把它拿了出来，因为它不适用。谢谢你的信息和阅读！这是我第一次做任何真正的网络编程，大部分信息都没有什么帮助，但是你链接的那些文章似乎很有用。欢迎来到Stack Overflow:）。p、 现在你点击我帖子旁边的复选标记，将问题标记为已回答^ ^这样你就为自己建立了一个“问题批准率”，我从另一个已回答的问题我的个人资料中获益：）谢谢你的信息和阅读！这是我第一次做任何真正的网络编程，大部分信息都没有什么帮助，但是你链接的那些文章似乎很有用。欢迎来到Stack Overflow:）。p、 现在你点击我的帖子旁边的复选标记，将问题标记为已回答^ ^这样你就为自己建立了一个“问题批准率”，我就可以从另一个已回答的问题（我的个人资料）中获益：）