gpt4 book ai didi

html - 组织导航栏 div 元素

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

我基本上需要的是将 HEADER-TITLE div 带到页面的顶部全宽和 OFFICIAL 类,底部带有“官方网站”文本header-title,一个堆叠在标题标题的右侧,但在同一 inline block 中。

LIKE this photo i need to be

.header-title {
background-color: white !important;
width: 100%;
position: absolute !important;
top: 0;
left: 0;
margin: 0 auto;
background-color: aqua;
}
<body class="en ch  homepage" style="background-image: url(&quot;./images/body-pattern.jpg&quot;);">
<header id="headerInternas" class="home">
<div class="header-top">
<nav class="idioma dropdown">
<a href="/#" class="dropdown-toggle ico_idioma" data-toggle="dropdown" itemprop="potentialAction"><span class="flag en"></span>
EN
<span class="caret"></span></a>
<a href="javascript:void(0)" class="mireserva">
<ul class="dropdown-menu dropMenu" role="menu">
<li>
<a href="#" class="idiomas" rel="alternate" hreflang="es">
<div class="bandera"><span class="flag es"></span></div>
<div class="idioma-texto"><span class="idiomasText">SPANISH
</span>
</div>
</a>
</li>
<li class="active">
<a href="/" rel="alternate" hreflang="en-default" class="idiomas">
<div class="bandera"><span class="flag en"></span></div>
<div class="idioma-texto"><span class="idiomasText">ENGLISH
<i class="fa fa-check"></i></span>
</div>
</a>
</li>
<li>
<a href="#" class="idiomas" rel="alternate" hreflang="de">
<div class="bandera"><span class="flag de"></span></div>
<div class="idioma-texto"><span class="idiomasText">GERMAN
</span>
</div>
</a>
</li>
</ul>
<div class="header-extra hidden-xs">
<div class="official">
<i class="fa fa-certificate"></i><span id="web-oficial">Official Website</span>
<h1 id="nombre-hotel">
</h1>
</div>
</div>
</nav>
<div class="header-title"><span>official website</span></div>
</div>

需要从css实现不接触html

最佳答案

您需要将您的内部包装在 .header-title div 中

关于html - 组织导航栏 div 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55222404/

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