Question

我想创建一个两列内容区域，最大宽度为700px，内部有两列，最大宽度为340px。这是一个问题....我可以将第一列中的内容溢出到大约300px高度之后的第二列吗？如果是这样......怎么样？感谢。

Answer 1

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

Answer 2

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

<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>

Answer 3

鉴于你的问题被要求提供HTML / CSS，你可以高兴：在CSS3，（讽刺）很快就可以在现代浏览器中使用多列，在MSIE中可用2040（/ sarcasm）

替代变体将通过Javascript分割文本并写入不同的myDIV.innerHTML s

。

两列溢出

3 个答案: