CSS IE7問題DIV不纏繞在內容

SO即

而且一旦在標籤上點擊與白色背景相匹配的標籤是標籤顯示的內容。在IE7中的問題是，標籤的內容會顯示，但內容會超出我的標籤div並進入後臺。這隻發生在IE7中。

的標記內容如下：

<div class="tabContentRow"> 
    <div class="tabContentImageLeft" style="DISPLAY: inline"> 
     <a href="" target="_blank"> 
     <img width="110" height="110" alt="Video" src="~/?w=110&amp;h=110&amp;as=1" /> </a> 
    </div> 
    <div class="tabContentCopyRight" style="DISPLAY: inline"> 
     <h2>video</h2> 
     <p>Text here.</p> 
    </div> 
</div>

有這樣的問題與我的兩個div做

<div class="tabContentImageLeft" style="DISPLAY: inline"> 
<div class="tabContentCopyRight" style="DISPLAY: inline">

如果我不把這兩個div那麼即使IE7它保持內的內容很好地在我的標籤分區。但如果我把它放在標籤div不下降，它只是混合到背景。

.tabContentImageLeft {float: left; width: 130px; text-align: center;} 
.tabContentCopyRight {float: left; width: 575px;}

來源

2012-04-02 StevieB

在tabContentRow的底部添加一個清晰的div。您的元素處於浮動狀態，因此不在DOM流中。

<div class="tabContentRow"> 

      .....Inner tab markup 


     <div class="clear-fix" style="clear:both;display:block;"></div> 
    </div>

來源

2012-04-02 22:43:35

CSS IE7問題DIV不纏繞在內容

回答

相關問題