gpt4 book ai didi

css - 两列侧边栏无法正确呈现

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

这个网站以前看起来不错,然后升级了wordpress。没有其他变化。侧边栏从一栏开始,然后分成两栏。两列设置在两个 div 中,一个向左浮动,一个向右浮动。它在 Mac 上的 FF 中看起来不错,但仅此而已。它在 mac 上的 Safari 和 pc 上的主要浏览器上搞砸了。关于如何解决它的任何建议?

如果您想查看源代码,这是完整站点:http://girlgonemom.com/

这是CSS:

#content {
border-right:2px solid #abcfcb;
margin: 20px;
width:630px;
float:center;
padding-right: 10px;
}
#primary {
float: right;
overflow: hidden;
width: 310px;
}
#secondary {
float: left;
overflow: hidden;
width: 150px;
}
#third {
float: right;
overflow: hidden;
padding-left: 5px;
width: 150px;
list-style-type:none;

}

最佳答案

我看不到第三个 div。我想你评论了它?无论如何,您应该尝试以下操作...

  1. 尝试 float third div也留在左边
  2. 更重要的是,减少secondarythird div。从 5px 开始,看看是否可行。

关于css - 两列侧边栏无法正确呈现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6853742/

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