gpt4 book ai didi

列表的 css float 在
转载 作者:行者123 更新时间:2023-11-28 13:04:55 25 4
gpt4 key购买 nike

这是 HTML:

<nav class="listfirst"> 
<li class="header"></li>
<li><a href="#"></li>
<li><a href="#"></li>
<li><a href="#"></li>
<li><a href="#"></li>
<li><a href="#"></li>
</nav>

和CSS:

#bottomnav{
width:1000px;
height:300px;
position:absolute;
top:5px;
left:10px;
}

#bottomnav .list1{
float:left;
margin-right:20px;
}


#bottomnav .listfirst{
float:left;
margin-right:20px;
margin-left:22px;
}

#bottomnav li{
width:165px;
height:22px;
margin-left:10px;
list-style-type: none;
display:block;
}

IE7 中的列表只是显示为 block 并溢出容器,而我需要它们向左浮动以留在 bottomnav 容器中。

我知道这可能是一个简单的 css 修复,但有人有任何建议吗?

最佳答案

请尝试以下 css 代码。

  #bottomnav .list1{
float:left;
margin-right:20px;
*float:left; // this property apply in IE7
}

关于列表的 css float 在 <IE7 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15898398/

25 4 0

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