gpt4 book ai didi

CSS 3 列,为什么第三列接管了其他 2 列?

转载 作者:太空宇宙 更新时间:2023-11-03 22:09:08 24 4
gpt4 key购买 nike

这是最少量的代码,可以清楚地说明我的问题:

<html>
<body>
<div style="float: left; width: 200px;">One</div>
<div style="float: left; width: 200px;">Two</div>
<div style="background-color: #f0f;">Three</div>
</body>
</html>

前 2 个 div 应该是 2 个左列。第三个应该占据页面的其余部分。最后,我将添加选项来隐藏和显示左侧的 2 列。

但是,为什么紫色一直延伸到浏览器的左边缘?我试图让它从“三”这个词开始。

最佳答案

您还需要“ float ”第三列。然后在它后面添加一个清除 block 。

关于CSS 3 列,为什么第三列接管了其他 2 列?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2563435/

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