div 和 span 在一起答案

【问题标题】：div and span togetherdiv 和 span 在一起
【发布时间】：2011-05-24 13:50:10
【问题描述】：

我正在使用 CSS 样式表来设置 HTML 中的多个块的样式。 "header" 类用于表示这些块。

在我的 CSS 表中，我有：

.header
{
    background-color: #efefef;
    margin-bottom:.4em;
}

然后在我的 HTML 中：

<div class = "header">
    <span style = "float:left;" >
    <b>My&nbsp;Colors</b></span>
    <span style = "float:right;" >
    <input type="text" name="color" value = "Enter&nbsp;a&nbsp;color"/>
    <input type="submit" value="Add" /></span>
</div>

以及使用class = "header" 的其他几个块。其他块的样式正确，但上面的不是（CSS 对其没有影响）。

将 span 标签放入 div 是否有问题？ CSS 与其他块而不是这个块一起工作的原因是什么？

【问题讨论】：

你能张贴你得到的截图吗？
此外，根据规范，您只能浮动块级元素（如 div），而不是内联元素（如 span），尽管浮动 span 通常在练习。

标签： html css

【解决方案1】：

你需要清除浮动

喜欢这个

<div class = "header">
    <span style = "float:left;" > <b>My&nbsp;Colors</b></span>
    <span style = "float:right;" >
        <input type="text" name="color" value = "Enter&nbsp;a&nbsp;color"/>
        <input type="submit" value="Add" />
    </span>
    <div style="clear:both;"></div>
</div>

我在</div>之前添加了<div style="clear:both;"></div>

【讨论】：

【解决方案2】：

由于您要浮动 SPAN 元素，因此您需要告诉您的 DIV 正确处理流程。将overflow:auto 添加到类中即可。

必选小提琴：http://jsfiddle.net/bznCp/1/

【讨论】：

我认为你有很好的 Css 知识你能帮我stackoverflow.com/questions/6098224/…
@raviparekh 我只是涉足其中 :) 对不起，我检查了你的问题，但我不知道你的问题的答案。