定位div没有重叠

Question

我对CSS很新，所以请和我一起玩。我在ASP.NET中验证控件元素，他们需要在form标签内才能工作，这就是为什么我用包含验证控件的定位div做傻事，但是我无法让它工作。请检查我的两张图片：

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

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

任何帮助app ..

Answer 1

这是一个非常简单的答案！提供body一个min-width。

body {
    min-width: 1000px;
}

你必须找出棕色div和灰色div等于加上一个小空间以在它们之间留出空间。

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

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

查找网页网址进入网络控制台并输入document.location.href，它会为您提供准确的网址。