gpt4 book ai didi

html - 如何强制右侧边栏填充剩余的屏幕空间

转载 作者:行者123 更新时间:2023-11-28 18:55:14 25 4
gpt4 key购买 nike

母版页包含 2 列:

  • 左列是 JQuery UI Accordion ,其宽度可以使用 JQuery UI resizable 进行更改。
  • 右栏(主 div)应占据屏幕中剩余的水平区域。

这是使用下面的宽度样式实现的。如果使用鼠标增加 Accordion 宽度,则右侧内容(主 div)换行到下一行。

如何在调整大小后强制主 div 显示在 Accordion div 的右侧?如何删除 width=81% 并强制主 div 始终使用剩余空间?

<script type="text/javascript">
$( "#accordion" ).resizable({ });
</script>

<body>
<div id="container">
<div id="accordion" style="margin: 0; clear: left; float: left; width: 17%">
<% Html.RenderPartial("MainMenu"); %>
</div>

<div id="main" style="float: left; width: 81%">
this is main content
</div>
</div>
</body>

最佳答案

只需将 overflow:auto; 放在 #main 而不是您的规则上。

http://www.w3.org/TR/CSS2/visuren.html#block-formatting

关于html - 如何强制右侧边栏填充剩余的屏幕空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8105109/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com