gpt4 book ai didi

html - 一列中的 div 对齐,但立即将另一列向下移动

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

我的网站有一个 2 列布局,在我添加 2 个框,这些框跨越 100% 的右列之前,它工作正常。 (关于我和联系我们框)当我这样做时,左栏中的内容被推到底部。

我有点理解(我认为)为什么会这样。我认为我的数学有问题,它迫使左栏降低。或者与 block 与内联有关。

这是它的样子:

http://test.completesources.com/fitnesspro/

右边的一切都很完美。但是左侧边栏内容应该位于页面顶部。

这是我的代码:

http://jsbin.com/tucuha/edit?html,css,output

我真的以为我可以自己得到最后一点,但我只是没有一个起点来将侧边栏移回。

再次感谢!

最佳答案

您需要将 .col2 包裹在 .colleft 内,因为在外面它会由于 block 级元素行为而向下移动。

输出: Left sidebar

JSbin

关于html - 一列中的 div 对齐,但立即将另一列向下移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31305184/

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