水平对齐div,在窗口调整大小时停止浮动

毛罗·库迪西奥(Mauro Cudicio)

我知道一个非常愚蠢的简单问题,但是..抱歉:)

我有2个div,一个在左边的列表中,一个在右边的详细信息中。当我调整窗口大小时,右边的div浮在第一个窗口的下面,即使滚动条,我也要保持对齐。如何做到这一点?

的HTML

<div id="parent">
   <div id="list">
      ...table list...
   </div>
   <div id="details">
      ...table details...
   </div>
</div>

的CSS

#parent div{
   float:left;
   clear:none;
}
MP_Webby

试试这个:

CSS:

.table{
    display:table
}

.table-cell{
    display:table-cell;
}

HTML:

<div id="parent" class="table">
    <div id="list" class="table-cell">...table list...</div>
    <div id="list" class="table-cell">...table details...</div>
</div>

调整浏览器大小时,这将使两个div保持水平对齐。

或者保持它非常简单...

CSS:

#parent > div{
    display:inline-block;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在窗口调整大小时隐藏元素

来自分类Dev

页眉在窗口调整大小时移动

来自分类Dev

CSS在窗口调整大小时调整div和div内的图像

来自分类Dev

在窗口调整大小时按比例调整div的宽度和高度

来自分类Dev

在窗口调整大小期间,div 浮动到左侧,同时信息下降

来自分类Dev

并排div堆栈在窗口调整大小

来自分类Dev

调整窗口大小时对齐方式更改

来自分类Dev

更新在窗口调整大小时用js计算的div高度

来自分类Dev

如何在窗口调整大小时使用Jquery从DOM中添加/删除Div

来自分类Dev

jQuery:在窗口调整大小时使两个div高度相同

来自分类Dev

如何在窗口调整大小时为等高的孩子重新加载 div

来自分类Dev

angularjs-在窗口调整大小上调整div的大小

来自分类Dev

在窗口调整大小时重新运行jQuery插件实例

来自分类Dev

jQuery .remove()不删除(在窗口调整大小时)

来自分类Dev

jQuery Toggle在窗口调整大小时不显示

来自分类Dev

在窗口调整大小时触发jQuery插件吗?

来自分类Dev

如何防止导航栏在窗口调整大小时转移?

来自分类Dev

如何在窗口调整大小时覆盖我的数组?

来自分类Dev

Java在窗口调整大小时反跳和限制

来自分类Dev

vuejs在窗口调整大小时获取参考元素的高度

来自分类Dev

removeClass()在窗口调整大小时不起作用

来自分类Dev

画布-在窗口调整大小时转换鼠标坐标

来自分类Dev

如何防止导航栏在窗口调整大小时转移?

来自分类Dev

在窗口调整大小时刷新SVG坐标

来自分类Dev

在窗口调整大小时更新角度服务变量

来自分类Dev

Java在窗口调整大小时反跳和限制

来自分类Dev

如何在窗口调整大小时重绘画布

来自分类Dev

在调整窗口大小时停止视差

来自分类Dev

angularjs-在窗口调整大小上调整div

Related 相关文章

  1. 1

    在窗口调整大小时隐藏元素

  2. 2

    页眉在窗口调整大小时移动

  3. 3

    CSS在窗口调整大小时调整div和div内的图像

  4. 4

    在窗口调整大小时按比例调整div的宽度和高度

  5. 5

    在窗口调整大小期间,div 浮动到左侧,同时信息下降

  6. 6

    并排div堆栈在窗口调整大小

  7. 7

    调整窗口大小时对齐方式更改

  8. 8

    更新在窗口调整大小时用js计算的div高度

  9. 9

    如何在窗口调整大小时使用Jquery从DOM中添加/删除Div

  10. 10

    jQuery:在窗口调整大小时使两个div高度相同

  11. 11

    如何在窗口调整大小时为等高的孩子重新加载 div

  12. 12

    angularjs-在窗口调整大小上调整div的大小

  13. 13

    在窗口调整大小时重新运行jQuery插件实例

  14. 14

    jQuery .remove()不删除(在窗口调整大小时)

  15. 15

    jQuery Toggle在窗口调整大小时不显示

  16. 16

    在窗口调整大小时触发jQuery插件吗?

  17. 17

    如何防止导航栏在窗口调整大小时转移?

  18. 18

    如何在窗口调整大小时覆盖我的数组?

  19. 19

    Java在窗口调整大小时反跳和限制

  20. 20

    vuejs在窗口调整大小时获取参考元素的高度

  21. 21

    removeClass()在窗口调整大小时不起作用

  22. 22

    画布-在窗口调整大小时转换鼠标坐标

  23. 23

    如何防止导航栏在窗口调整大小时转移?

  24. 24

    在窗口调整大小时刷新SVG坐标

  25. 25

    在窗口调整大小时更新角度服务变量

  26. 26

    Java在窗口调整大小时反跳和限制

  27. 27

    如何在窗口调整大小时重绘画布

  28. 28

    在调整窗口大小时停止视差

  29. 29

    angularjs-在窗口调整大小上调整div

热门标签

归档