Позиционирование div без перекрытия

Question

Я очень новичок в CSS, поэтому, пожалуйста, со мной. У меня есть элементы управления проверкой в ​​ASP.NET, которые они должны быть внутри тега формы, чтобы работать, поэтому я делаю глупые вещи с позиционированием div, который включает элементы проверки, но я не могу заставить его работать. Пожалуйста, проверьте мои два изображения:

Вот мой текущий макет. Серый div фактически является элементом управления проверкой. Потому что, как вы видите, у этого сайта много места, поэтому я хочу поместить серый div на левую сторону, точно так же, как вы увидите во втором изображении.

Я уже позиционируется, как показывает верхнее изображение (со свойствами: сверху, слева, позиция абсолютной), но если изменить размер окна браузера, серый ДИВ накладывается по центру DIV (будет оставаться на одно и то же место). Проверьте следующее изображение, чтобы увидеть, что я имею в виду:

Любая помощь appriciated ..

Answer 1

Это очень простой ответ! Дайте body a min-width.

body { 
    min-width: 1000px; 
} 

Вам нужно будет узнать, что такое коричневый div и серый div, плюс небольшая комната, чтобы дать пространство между ними.

Если вы хотите, чтобы это произошло только на определенной странице, используйте этот оператор java script if.

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

найти страницу URL перейти в веб-консоль и введите в document.location.href и это даст вам точный URL.