jquery - 如何保持两个流体 div 之间的间距？

Question

我有一个父 div，父 div 中有两个子 div(一个向左浮动，一个向右浮动)。

网页必须适用于 1024 像素和 1620 像素定义，因此如果宽度展开，它们需要流畅。除了左右 div 之间的垂直空间外，所有边距看起来都很好。我正在使用 jquery 来保持两个 div 的高度相等。如何保持 div 之间的空间固定？我对 div 宽度使用百分比，因此当我扩展屏幕宽度时，div 之间的空间增加，因此比左右边距宽得多。

标记:

<div class="divLoginMain">
<div class="divLoginLeft">
    <div class="divH4Title">
        <h4 class="h4Title">Welcome to Our Website</h4>
    </div>
    <table cellspacing="0" class="borderNone">
        <tr>
        </tr>
        <tr>
        </tr>
    </table>
 </div>
 <div class="divLoginRight">
        <div class="divH4Title">
            <h4 class="h4Title">Status - Logged In</h4>
        </div>    
    <table cellspacing="0" class="borderNone">
        <tr>
        </tr>
        <tr>
        </tr>
    </table>
</div>
</div>

还有 CSS:

.divLoginMain
{
     margin-top:5px;
     margin-left:.6%;
     margin-right:.2%;
border:  solid 3px #191970;
border-spacing: 0;
width:97.5%;
padding-top:7px;
padding-bottom:7px;
padding-left:7px;
padding-right:7px;
overflow:hidden;
}

.divLoginLeft
{
     border:  solid 3px #191970;
border-spacing: 0;
float:left;
width:61.5%;
padding-top:0px;
padding-bottom:10px;
padding-left:16px;
padding-right:16px;
text-align:left;
font-family:Arial;
color:#17238C;
}

.divLoginCenter
{
     border:collapse;
float:left;
width:1px;
}

.divLoginRight
{
     border:  solid 3px #191970;
border-spacing: 0;
float:right;
width:31.5%;
padding-top:0px;
padding-bottom:10px;
padding-left:16px;
padding-right:16px;
text-align:left;
font-family:Arial;
color:#17238C;
}


Thank you,
James

Answer 1

如果您已经在使用 jQuery 来保持高度，为什么不也使用它来智能地保持宽度呢？