gpt4 book ai didi

html - 同时在主要内容左右浮动

转载 作者:行者123 更新时间:2023-11-28 07:52:34 25 4
gpt4 key购买 nike

我需要添加两个侧边栏,在主要内容的每一侧各一个。由于内容不稳定(rss 提要),我宁愿在文档的主要内容之后加载两个侧边栏,但仍占据各自的位置。有没有办法只用 float 而不是相对定位来做到这一点?这是到目前为止的样子:https://jsfiddle.net/x5ezys1j/

body {
width:360px;
}

div {
text-align:center;
box-shadow: inset 0 0 1px black;
width:120px;
height:120px;
}

.middle {
margin:0 120px;
}

.left {
float:left;
}

.right {
float:right;
}
<div class="middle">MAIN</div>
<div class="left">LEFT</div>
<div class="right">RIGHT</div>

最佳答案

尝试:

    <body>
<div class="left">LEFT</div>
<div class="right">RIGHT</div>
<div class="middle">MAIN</div>
</body>

关于html - 同时在主要内容左右浮动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30306782/

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