Question

我正在为网站设计布局，并对何时使用inline-block或float感到困惑。哪种方式最好：inline-block或float？

使用inline-block表示它不支持Internet Explorer。有时float也会造成损害（即使使用clearfix hack）。

Answer 1

请参阅文章 Should You Use Inline-Blocks As A Substitute For Floats 。它会对你有所帮助。

Answer 2

对于布局，您应该两者都不使用。

根据http://www.w3schools.com/cssref/pr_class_display.asp#gsc.tab=0，Internet Explorer 8+支持所有内联属性，因此如果您没有开发商业网站，则应该没问题。

我建议使用<div>和<header>等<article>和HTML5元素。例如，

<body>
  <header>
    <div id="logo">
      <img src="myLogo.png" alt="logo"/>
    </div>
    <nav>
    </nav>
  </header>
  <div id="pageContainer">
    <article>
      <section>
        ...
      </section>
    </article>
  </div>
</body>

然后，对于每个<div>中的单个元素，您可以定义内联或浮动（如图片或表格）。

<div>：基本上是网页的一部分。

甜蜜的HTML5元素列表！：http://www.w3schools.com/html/html5_new_elements.asp#gsc.tab=0

示例：http://jsfiddle.net/JYZhz/

哪个是正确的方法，内联块或浮点数？

2 个答案: