2015-12-02 111 views
0

我無法解決。我有我的內容在一個浮動左css:Div內容浮動左100%當隱藏模塊右浮動Joomla

float: left; 
height: auto; 
margin: 0px 22px; 
clear: none; 
min-width: 66.768799%; 
max-width:100%; 
width:0; 

溢出:auto;

和我的右模塊的CSS

float: right; 
height: auto; 
margin: 0px 15px 0px 0px; 
clear: none; 
width: 28.461538%; 

溢出:汽車;

它們的包裝

float: none; 
height: auto; 
margin-left: auto; 
margin-top: 0px; 
clear: none; 
width: 100%; 
max-width: 1300px; 
margin-right: auto; 
background-color: 

的情況是,當我隱藏模塊右側內容斜面expant 100%之內,仍然在66%

#content { 
 
    float: left; 
 
    height: auto; 
 
    margin: 0px 22px; 
 
    clear: none; 
 
    min-width: 66.768799%; 
 
\t max-width:100%; 
 
\t width:0; 
 
    overflow: auto; 
 
} 
 
#right_module { 
 
    float: right; 
 
    height: auto; 
 
    margin: 0px 15px 0px 0px; 
 
    clear: none; 
 
    width: 28.461538%; 
 
    overflow: auto; 
 
} 
 
#wrapper { 
 
    float: none; 
 
    height: auto; 
 
    margin-left: auto; 
 
    margin-top: 0px; 
 
    clear: none; 
 
    width: 100%; 
 
    max-width: 1300px; 
 
    margin-right: auto; 
 
    background-color: rgb(226, 208, 168); 
 
    padding: 10px; 
 
    overflow: auto; 
 
}
<div id="wrapper"> 
 
    <div id="content">Curabitur venenatis vehicula mattis. Nunc eleifend consectetur odio sit amet viverra. Ut euismod ligula eu tellus interdum mattis ac eu nulla. Phasellus cursus, lacus quis convallis aliquet, dolor urna ullamcorper mi, eget dapibus velit est vitae nisi. Aliquam erat nulla, sodales at imperdiet vitae, convallis vel dui.</div> 
 
    <div id="right_module">Nunc eleifend consectetur odio sit amet viverra. Phasellus cursus, lacus quis convallis aliquet, dolor urna ullamcorper mi, eget dapibus velit est vitae nisi. Aliquam erat nulla, sodales at imperdiet vitae, convallis vel dui. Ut euismod ligula eu tellus interdum mattis ac eu nulla. </div> 
 
</div>

rgb(226,208,168); padding:10px;

案件是我隱藏模塊時的內容不能擴展100%,仍在66%。請幫助我的頭在點利用

+0

你是用javascript/jquery隱藏right_module嗎? – Matthew

+0

您是否看到我的解決方案在下面?如果這解決了您的問題,請標記爲已回答! –

回答

0

#content {選擇刪除width: 0;