浮動DIV與孩子的div

我知道這是一個奇怪的問題浮動DIV與孩子的div

我想要的東西：CODE 1

<a> 
    <span class="a" style="float:left">boks 1 </span> 
    <span class="b" style="float:left">boks 2 </span> 
</a>

我真正的代碼是什麼樣子：CODE 2

<a> 
    <span class="a" style="float:left">boks 1 
    <span class="b" style="float:left">boks 2 </span> 
    </span> 
</a>

有一種讓代碼示例2看起來像代碼示例1的方法？有沒有辦法讓孩子跨越父母跨度？

例 http://jsfiddle.net/NCXGx/33/

來源

2012-02-29 Plexus81

你就不能刪除'浮動？如果這不起作用，那麼這一定還有更多。請創建一個[測試用例]（http://jsfiddle.net/）。 – thirtydot 2012-02-29 10:43:46

嗨Plexus81，請刪除班級=「b」內/子跨度的浮動。你會得到你想要的確切輸出。 – w3uiguru 2012-02-29 11:22:16

這似乎做的工作對我來說。從內`span` left`：

<a style="display:;"> 
    <span class="a" style="float:left;display:inline-block;min-width:100%">boks 1 </span> 
    <span class="b" style="float:leftdisplay:inline;">boks 2 </span> 
</a>

jsfiddle

來源

2012-02-29 10:52:31 nightf0x

浮動DIV與孩子的div

回答

相關問題