html - 放大浏览器窗口时面板位置发生变化

标签 html css asp.net

我面临的情况: 我有一个带有页眉、侧边栏和另一个右侧边栏的 asp.net。问题是当我在浏览器中执行我的网站并最小化浏览器窗口时。左侧的侧边栏在内容页面上跳转,控件混合在一起。看图片的想法。

另一个问题是,当我在更宽的屏幕分辨率下运行该网站时,控件(面板)的边距更大,所有内容看起来都更宽。

有什么办法解决这个问题吗? 提前谢谢你

enter image description here

编辑:

侧面板(右侧)CSS 代码:

#droite
{
    position: fixed;
    top: 22.5em;
    right: 5%;
    width: 13%;
    background-color: White;
}

最佳答案

我在我的网站 (firedrake969.github.io) 上所做的是添加一些简单的 jQuery 代码,以便在窗口变得太小时隐藏边栏。如果您不介意使用 jQuery,我会说这是正确的选择。但是,如果您不想使用 jQuery,我认为如果浏览器窗口太小,position:fixed 不能仅使用 CSS/HTML 隐藏栏。

关于html - 放大浏览器窗口时面板位置发生变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26021758/

相关文章:

asp.net - ObjectDataSource 抛出异常

css - 媒体查询有什么问题?

html - 背景渐变+单背景图

html - 如何使 div 占据没有固定 TD 高度的 html 表格单元格高度的 100%?

javascript - HTML5 导出按钮不工作,除了复制按钮

java - Error Method太复杂,数据流算法无法分析

html - 如何在 CSS3 的导航栏上创建按钮链接?

c# - 在 asp.net 应用程序中重定向页面时删除引荐来源信息

asp.net - Microsoft AntiXSS 库有用吗?如果我使用服务器控件,我是否需要它?

javascript - 使用 jquery 将 ID 分配给动态生成的元素