如何在窗口調整大小

我有表元素和div元素彼此相鄰放置的重疊'表'和'格'重疊。兩者都包裹在另一個div中。如何在窗口調整大小

<div> 
    <table id="table-inside-div"> 
     <tr> 
      <td><div>Table inside the div</div></td> 
     </tr> 
     <tr> 
      <td><div>Table inside the div</div></td> 
     </tr> 
    </table> 

    <div id="div-inside-div"> 
     <span style="background:red">Div inside the div</span> 
    </div> 
</div>

當我調整水平輸出窗口和表和DIV獲得彼此相鄰儘可能接近股利那張桌子底下，但我想它如果它是固定的位置，就過去桌子。我怎樣才能做到這一點？

來源

2014-01-07 mathinvalidnik

媒體查詢？將該類的位置更改爲固定在某個瀏覽器寬度？ – Goombah

我在想爲什麼不使用媒體標籤，所以當寬度到達x時，你只是不再顯示錶格了？ 'display：none;'。 [**此處演示**]（http://jsfiddle.net/Ruddy/7Ge4h/1/） – Ruddy

我會嘗試使用媒體。我的方法是將這個或那個位置設置爲'fixed'，然後將其對齊到右側或左側bu，我認爲這也可以工作。謝謝！ – mathinvalidnik

像這樣：

CSS

@media screen and (max-width: 400px) { 
    #div-inside-div { 
     position: fixed; 
    } 
}

Fiddle

來源

2014-01-07 15:45:52 Goombah

我相信OP說另一種方式。你可能想改變那個笑聲。表格上的Div。 – Ruddy

糟糕，你是對的。固定。 – Goombah

您可以添加一個ID，父div和設置位置relative那麼#div-inside-div到absolute

#main{ 
    position:relative; 
} 

#table-inside-div{ 
    float:left; 
    background: yellow; 
    width:200px; 
} 

#div-inside-div{ 
    float:right; 
    width:200px; 
    position:absolute; 
    right:0px; 
}

http://jsfiddle.net/yknKV/3/

來源

2014-01-07 15:49:40 benka

您的演示中沒有放置'position：absolute;'。 – Ruddy

是的，剛剛更新它，謝謝:) – benka

如何在窗口調整大小

回答

相關問題