不能浮动 Div答案

【问题标题】：Cannot Float Div不能浮动 Div
【发布时间】：2014-06-18 13:20:36
【问题描述】：

我只是使用 HTML/CSS 编码的初学者，我在尝试浮动特定 div 时遇到了麻烦。每次一个类型：“float:center”它都不会工作。有任何想法吗？（下面的 div 周围会有“*”。）

HTML 代码：

<!DOCTYPE html>

<html lang="en">

    <head>
        <title>Java Source-Home</title>
        <link rel="stylesheet" type="text/css" href="Java-Source-CSS.css">
    </head>

    <body>

            ***<div id="buttons">***
                <a href="Java-Source-Home.html">Home</a>
                <a href="">Videos</a>
                <a href="">Downloads</a>
                <a href="">Help</a>
                <a href="">Contact</a>

                <div id="header">
                    <h1>Java Source_</h1>
                </div>
            </div>



        <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
        <script type="text/javascript" src="Java-Source-JS.js"></script>
    </body>

</html>

CSS 代码

body {
        background-color: white;
    }

    #header {
        float: right;
        background-color: orange;
        font-family: Courier;
        border-radius: 5px;
        margin-right: 30px;
        margin-top: 40px;
        height: 70px;
        padding-left: 5px;
        padding-right: 5px; 


    }

    #buttons {
        background-color: grey;
        height: 80px;
        width: 1260px;
        float: center;
        clear: both;

    }

    a {
        text-decoration: none;
        color: black;
        font-family: Courier;
        font-size: 18px;
        padding: 5px;
        background-color: orange;
        margin-left: 30px;
        text-align: center;
        clear:both;
    }

    a:hover {
        font-size: 20px;
        color: red;
    }

请记住，我只是 HTML/CSS 的初学者。

【问题讨论】：

How do I center float elements?的可能重复
没有float:center这个功能，改用text-align:center或者margin:0px auto
下次请只包含相关代码。不要提供与问题无关的html。这样你就不必使用星号来指出你想要的部分

标签： javascript jquery html css css-float

【解决方案1】：

float: center 不存在。可能的属性只有right、left、none和inherit。
如果您使用right或left，该元素将从网页的正常流程中取出并放置在其父元素的右侧或左侧。文本和内联元素将环绕浮动元素。
要了解更多关于float 的信息，您可以在此页面上阅读：http://css-tricks.com/all-about-floats/

要将块级元素水平居中，您可以使用margin: 0 auto。该元素需要指定宽度，在您的情况下为1260px。 auto 会做的是，元素的左右剩余空间在 margin-right 和 margin-left 之间平均分配。

这里有一个小例子：http://jsfiddle.net/4yw3M/
可以看到，黄色的div以margin: 0 auto水平居中。

【讨论】：

这应该是一条评论。
不，这是一个合法的答案。它回答了正确的问题吗？
你也可以floatnone和inherit;D
@Zove 它是一个答案，但不完整。编辑它以包含更多信息也是一种选择。
不需要更多信息，除了指向 MDN 或其他相关 SO 帖子的链接

【解决方案2】：

没有 float: center 这样的 CSS 规则。

您需要使用text-align: center或margin-right: auto等其他方法居中。

请参阅此帖子寻求帮助：Align a div to center

【讨论】：

但是即使我要使用类似 text-align: center 的东西，它也不会居中。
看看链接的帖子