在div中堆叠html元素的最佳实践

Question

我已经开发了一段时间的网页，并且总是不得不使用div和浮点数来构建页面。

我一直想知道下一期的最佳做法是什么：

------------------------<div>-------------------------
|                                                    |
| <div w float left>              <div w float right>|
|                                                    |
------------------------------------------------------

或

------------------------<div>-------------------------
|                                                    |
| <span>                                       <span>|
|                                                    |
------------------------------------------------------

我只是在div元素中赢得了两个元素，它们应该是跨距还是div？

div中的两个元素只包含文本，其中一个元素是可点击的元素

Answer 1

我个人喜欢使用div代替span，因为div旧文本和内容块。另外，我在以下代码中将html与css分开了

 <div id='container'>
    <div class='left'>1</div>
    <div class='left'>2</div>
    ....
    <div class='right'>n</div>
    <div class='clear'></div>
 </div>

一个css

.left{float:left}
.right{float:right}
.clear{clear:both}

PS：别忘了用clear:both

清除左右浮动

Answer 2

我不相信这非常重要。

您可以使用spans，但您可能需要将其样式设置为display: block;（默认情况下跨度为display: inline;。）

否则，使用div s很好。

Answer 3

无论哪个都做类似的工作，唯一的区别是div有显示：块和跨度显示：内联，所以任何一个都可以，但我推荐div：）

Answer 4

如果他们只是持文字，我会建议 span ，因为我个人只使用div来设置页面样式。虽然文本用于标记或格式化文本。这有助于直观地查看代码并能够区分文本和样式。

..但老实说这完全取决于你。