html - 重複せずにdivを配置する

Question

ASP.NET に検証コントロール要素があり、動作させるにはフォームタグ内に配置する必要があります。そのため、検証コントロールを含む配置 div でばかげたことをしていますが、動作させることができません。私の2つの画像を確認してください：

これが私の現在のレイアウトです。灰色の div は、実際には検証コントロールがある div です。ご覧のとおり、このサイトには十分なスペースがあるため、2 番目の画像のように、グレーの 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 が表示されます。