gpt4 book ai didi

html - 如何制作右列在容器外部的两列布局?

转载 作者:太空宇宙 更新时间:2023-11-03 19:07:23 25 4
gpt4 key购买 nike

我想做一个简单的两列布局,其中右列在容器之外,但仍然使容器高度扩展。通过使用 position:absolute 它应该是应该的,但没有扩展。

这是html代码

//注意:我没有在此处添加 head 标签以节省空间 :)

<html>
<body>

<div id="container">

<div id="left">


</div>
<div id="right">


</div>

</div>

</body>
</html>

还有CSS代码

#container {
width:900px;
margin:0 auto;
}

#left {
width:700px;
float:left;}

#right{
width:230px;
margin-left:760px;
position:absolute;
}

我不能使用 float:right,因为它会 float 到容器的右侧。也许结构必须有所不同我不知道。

最佳答案

尝试在#right上设置一个position: relative,并给它一个大于容器宽度的margin-left:http://jsfiddle.net/8MEqL/

关于html - 如何制作右列在容器外部的两列布局?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9730426/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com