div和跨度在一起

我使用CSS樣式表在HTML中設置幾個塊的樣式。類別「標題」用於表示這些塊。div和跨度在一起

在我的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和其他塊一起工作的原因是什麼，但不是這個？

來源

2011-05-24 rach

你能後你做了什麼的截圖之前清除浮動

這樣

<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 style="clear:both;"></div> ？ – 2011-05-24 13:52:00

此外，根據規範，只能浮動塊級元素（比如'div'），而不是內聯元素（比如'span'），儘管浮動一個「span」通常在實踐中工作得很好。 – 2011-05-24 13:54:44

您需要正確的</div>

來源

2011-05-24 13:58:04 Fredrik

非常感謝！ – rach 2011-05-24 14:06:14

由於您正在浮動SPAN元素，因此您需要告訴您的DIV正確處理流程。將overflow:auto添加到課堂上會有所斬獲。

強制性小提琴：http://jsfiddle.net/bznCp/1/

來源

2011-05-24 13:53:25 JohnP

我覺得你有不錯的Css知識可以幫助我在http://stackoverflow.com/questions/6098224/how-to-set-blur-screen-to-full-page-and-at-click-page-go到頂部 – 2011-05-24 14:03:05

@raviparekh我只涉足它:)對不起，我檢查了你的問題，但我不知道你的問題的答案。 – JohnP 2011-05-24 14:10:58

沒有問題。 thanx求助 – 2011-05-24 14:15:44

div和跨度在一起

回答

相關問題