gpt4 book ai didi

html - 无法让两个 div 水平对齐

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

我正在尝试获取 <head><head>水平对齐。我试过使用 .header_nav {
float:left;
clear:both;
}
但它似乎没有用。

您可以在http://www.bolistylus.com查看实际页面

感谢您的帮助!

    <header id="branding" role="banner">
<div class="header_nav">
<div class="head">
<hgroup>
<h1 id="site-title"><a href="/"><img class="title-image" title="Boli Stylus" src="http://www.bolistylus.com/wp-content/uploads/boli-logoLimeBlack.png" alt="stylus for iPad"/></a></h1>
<h2 id="site-description"></h2>
</hgroup>
</div>
<div class="head">

<ul>

<li><a href="/shop">SHOP</a></li>


<li><a href="/about-us">ABOUT US</a></li>

<li><a href="/faq">FAQ</a></li>


<li><a href="/cart">YOUR CART</a></li>
</ul>

</div>
</div>





</header><!-- #branding -->

这是里面的东西的CSS:

.header_nav ul {
margin: 0;
padding: 0;
text-align: center;
width: 400px;
}

#branding img {
height: auto;
margin-bottom: -30px;
width: 34%;
}

.header_nav {
background: none repeat scroll 0 0 #F3F3F3;
float: left;
}

最佳答案

漂浮物和空地是一个熊 - 这是我如何绕过它(这不是最干净的,但它有效)。

首先,你需要使用float: left;对于两个 div。此外,如果你这样做,你可以让后面的元素更好地排列:

<div id="header_nav">
<div class="head" style="float:left">...</div>
<div class="head" style="float:left">...</div>
<br style="clear:both"/>
</div>

同样,使用 break 并不是最好的(有更好的方法,但我无法让它们始终如一地工作,因为我也是新手),并且绝对使用 CSS 而不是内联样式。

编辑:我误解了你想让两个“头”类 float ——改变了它但被打败了。

关于html - 无法让两个 div 水平对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8858891/

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