gpt4 book ai didi

css - 为什么我的 float 包装不正确?

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

我有一个正在 build 的网站。如何选择一个元素并使其尽可能向上 float ,然后向左浮动?我有一个名为联系信息的元素,它应该在标题下方尽可能向左移动。我的下一个元素链接列表应该在联系信息旁边打包,但由于某种原因没有这样做。我检查了尺码,它们非常好,所以我不明白为什么它不浮起来?

这是 HTML 代码:

<html>
<head>
...
</head>

<body>
<div id="header">
A2A Luxury Taxi and Limousine <!-- background image: https://farm3.staticflickr.com/2872/12055654844_ab91e2606a.jpg -->
</div>


<div id = "contactinfo">
<h3> Contact Us 24/7 At: </h3>

908-800-4727

120 Stryker Lane, Suite 302A, Hillsborough Township NJ
</div>

<div id = "linklist">
<ul>
<li> Hours and Rates </li>
<li> Areas of Operations </li>
<li> About us </li>
<li> References </li>
</ul>
</div>

以及对应的CSS

...
#contactinfo
{
background-image: url("..\\Images and Multimedia\\Images\\fusion2.jpg");
box-shadow: 0.5em 0.5em 0.2em rgba(0,0,0,1);
font-size: 1em;
text-align: left;
color:white;
max-width:10em;
float-left;
}
#linklist
{
float:left;
margin-left: auto;
margin-right:auto;
max-width: 45em;
border-style: solid;
border-color: rgba(200,200,200,0.5);
padding-left:0;
}

令我有点惊讶的是,我找不到任何可以修补和修复的东西。除了 float ,一切都有意义。

最佳答案

在 contactInfo 类定义中,您有:

float-left;

代替

float:left;

关于css - 为什么我的 float 包装不正确?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27878803/

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