在此示例中刪除樓梯

-2

在此示例中是否可以刪除樓梯效果？我有一個div向右浮動，幾個div固定高度，固定寬度向左浮動。如果div遇到某處，我會得到一個相當奇怪的樓梯效果。在此示例中刪除樓梯

我知道爲什麼發生這種情況，我得到它，但即時通訊尋找一種解決方案，以避免這種情況。請幫我

<div class="container"> 
    <div class="fright">just some contents floating right</div> 
    <div class="fleft">a div</div> 
    <div class="fleft"> 
     this one is the problem. 
     Is it possible to have this div start at position B 
    </div> 
    <div class="fleft"><b>Position B</b></div> 
    <div class="fleft">a div</div> 
</div>

和CSS

div{ 
    margin:10px; 
    padding:10px; 


.container{ 
    width:460px; 
    float:left; 
} 

.fright{ 
    float:right; 
    border:1px solid green; 
} 

.fleft{ 
    float:left; 
    height:180px; 
    width:180px; 
    border:1px solid orange; 
}

http://jsfiddle.net/FusWd/1/

來源

2012-11-19 user1416256

你可以讓你想怎麼轉出的例子嗎？ –

除了使用浮動的，則可能需要使用inline-block的做你的佈局嘗試。

我已經更新您在這裏例如：http://jsfiddle.net/FusWd/4/

有一些注意事項使用這種技術：

IE 6-7不支持inline-block的，你必須使用'hasLayout'技巧。
內嵌塊元素受標記中的空白影響，這可能會或可能不會破壞您的佈局。這有幾個解決方案。
- 可以刪除內聯塊元件之間的空白在您的標記
- 設置父元素的字體尺寸和行高爲0，和字母間距和字間距性質-1px，然後復位font-size和line-height設置爲所需的值，並將字母間距和字間距屬性重置爲normal值。

來源

2012-11-19 13:18:48

是的是的正是我正在尋找的！多謝！！！ – user1416256

沒問題。如果答案對您有用，您應該將其標記爲已接受的答案。閱讀更多關於這裏的stackoverflow約定：http://stackoverflow.com/faq#howtoask –

在此示例中刪除樓梯

回答

相關問題