0

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

使用inline-block意味着它不支持 Internet Explorer。有时float也会造成伤害（即使使用 clearfix hack）。

4

2 回答 2

1

请参阅文章是否应使用内联块作为浮点数的替代品。这会对你有很大帮助。

于 2013-04-02T06:31:39.700 回答
-2

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

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

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

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

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

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

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

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

于 2013-04-02T06:35:58.750 回答