Question

我正在组织一个数据页面。所有客户信息如电话，地址在左侧，然后在右侧我们有关于它们的说明。事情是。添加的段落越多，左侧的信息就越多。无论右侧显示多少数据，我能做什么才能使左侧信息面板保持不变。

下面是一些代码：

<div id="name">
    Andrew Smith
</div>

<div id="otherinfo">
    Paid.  
</div>

<div id="itemheading">
    About Client
</div>
<div id="itemholder1">
    Here is the client informaiton.  This is where the more info you 
    have the more the left side panel will be brought down. 
</div>


<div id="itemheading">
    Address
</div>
<div id="itemholder">
    2000 sample st
    <br>
    san fran, ca
    <br>

CSS：

#name {
    padding-top:10px;
    margin-left:35px;
    font-weight:bold;
    font-size:22px;
}

#otherinfo {
    margin-left: 35px;
    margin-top: 2px;
}

#itemheading {
    margin-top:10px;
    margin-left:35px;
    font-weight:bold;
    font-size:16px;
}

#itemholder1 {
    margin-left: 35px;
    margin-right: 200px;
    margin-top:5px;
}

#itemheading {
    margin-top:10px;
    margin-left:35px;
    font-weight:bold;
    font-size:16px;
}

#itemholder {
    margin-left: 35px;
}

Answer 1

您有两列，一列在左侧，另一列在右侧。据我了解，您希望将信息添加到右侧列，而不会导致左侧列中的信息显示在其下方。

此时你正在交错左边的div和右边的div。相反，你应该只有两个div，一个用于所有左手的东西，另一个用于所有右手的东西：

<div id='left'>
all the stuff that goes in the left-hand column,
name, 
address, 
etc
</div>

<div id='right'>
everything that goes in the right-hand column
</div>

然后使用适当的CSS来显示它们。

如何防止<divs>向下移动</divs>

1 个答案: