2016-01-31 203 views
0

我有以下代碼:溢出:隱藏不工作

<div id="row" style="overflow: hidden;"> 
    <div class="logged_in_mainboxes" style="margin: auto; width: 700px;overflow: hidden; "> 
     <h3>Band profiles:</h3> 


     <div class="fish" style="position: fixed; bottom: 0; width: 100%;"> 
      asdasd 
     </div> 
    </div> 
</div> 

我的問題是,溢出:隱藏不工作。這個logged_in_mainboxes-div沒有使用fish-div展開。

任何人誰可以幫我嗎?

+0

其實你必須設置名爲父DIV: 「logged_in_mainboxes」爲相對值,否則不會擴展。 查看我的回答,讓我知道它是否適合你。 –

回答

0

你可以試試這個:

修改HTML:

<div id="row" style="overflow: hidden;"> 
    <div class="logged_in_mainboxes"> 
     <h3>Band profiles:</h3> 
     <div class="fish"> 
      asdasd 
     </div> 
    </div> 
</div> 

的修改CSS是如下:

<style> 
.fish{ 
    border: 1px solid #aaaaaa; 
    bottom: 0; 
    box-sizing: border-box; 
    overflow: hidden; 
    position: absolute; 
    width: 100%; 
} 
.logged_in_mainboxes{ 
    border: 1px solid #000000; 
    display: block; 
    height: 100%; 
    margin: auto; 
    overflow: hidden; 
    padding: 0; 
    position: relative; 
    width: 700px; 
} 
</style> 
+0

你爲什麼不解釋*爲什麼他的代碼不起作用? – AMACB

+0

@AMACB,我在評論中解釋它。請檢查。 –