html - 定位 div 不重叠

Question

我在 ASP.NET 中有一个验证控件元素，它们需要在表单标记内才能工作，这就是为什么我用定位 div 做一些愚蠢的事情，其中​​包括验证控件，但我无法让它工作。请检查我的两张图片：

这是我目前的布局。灰色 div 实际上是 div whre 验证控件。因为你看到这个网站有足够的空间，所以我想把灰色的 div 放在左边，就像你在第二张图片中看到的那样。

我已经像显示上图一样定位（具有属性：顶部、左侧、绝对位置），但是如果我调整浏览器窗口的大小，灰色 div 将覆盖居中的 div（将保持在同一位置）。检查下图以了解我的意思：

Answer 1

这是一个非常简单的答案！给你body一个min-width.

body {
    min-width: 1000px;
}

您将必须找出棕色 div 和灰色 div 相等，再加上一点空间以在它们之间留出空间。

如果您希望它仅在某个页面上发生，请使用此 java 脚本 if 语句。

if(document.location.href === 'pageURL.com') {
    $('body').css('min-width', '1500px');
}

要查找页面 URL，请进入 Web 控制台并输入document.location.href，它会为您提供准确的 URL。