0

我想创建一个最大宽度为 700 像素的两列内容区域，其中两列最大宽度为 340 像素。这是问题......我可以让第一列的内容在大约 300 像素高度后溢出到第二列吗？如果是这样……怎么办？谢谢。

4

3 回答 3

0

您必须从文档流中删除右侧列，通常由 float:right 完成，并将右侧列的高度设置为 300px

于 2009-11-09T04:21:54.003 回答
0

试试这个..希望它有帮助

<head>
<style>
.main {
    width:700px;
    border: solid 1px;
    height:500px;
    padding: 5px;
}
.left{
    position:absolute;
    width:340px;
    float:left;
    border: solid 1px;
    height:500px;
}
.right{
    margin: 0px 0px 0px 300px;
    width:300px;
    float:left;
    border: solid 1px;
    height:500px;
}
</style>
</head>
<div class="main">
<div class="left">
</div>
<div class="right">
</div>
</div>
于 2009-11-09T04:22:39.307 回答
0

鉴于您的问题被问到 HTML/CSS，您可以高兴：多列将在CSS3中可用，（讽刺）很快在现代浏览器中可用，在 MSIE 中可用 2040（/sarcasm）

另一种变体是通过 Javascript 拆分文本并写入不同myDIV.innerHTML的 s

于 2009-11-09T04:23:18.697 回答