如何在窗口调整大小

我有表元素和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

如何在窗口调整大小

回答

相关问题