无重叠定位div

Question

我在ASP.NET中有一个验证控件元素，它们需要在表单标记中才能工作，这就是为什么我使用定位div (包括验证控件)做傻事的原因，但我无法让它工作。请检查我的两张照片：

这是我目前的布局。灰色div实际上是验证控制的div。因为当你看到这个网站有足够的空间，所以我想定位左边的灰色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。