Question

所以我试图放弃桌子，同时试图不收缩divitis，所以开始简单，我需要一个网页，其中包含一个包含菜单的标题栏（水平宽度100％）然后标题栏，其中包含标题（左）和徽标（右）

很简单，我可以在桌面上做到这一点，或者在几分钟内将所有内容放在自己的div中，但我不想创建3个div（根据＆＃34;研究＆＃34; I不应该），所以顶级菜单很好，标题栏很好，但是让徽标在顶部菜单下面对齐但是浮动到标题文本的右边不是，我试着这么努力不要有多个div（或只是img徽标周围的一个）所以我正在寻找实现这一目标的最佳方法。

<body>
<div class="DVcontainer">
<ul class="topmenu">
    <li>topmenu 1</li>
    <li>topmenu 2</li>
</ul>
<ul class="maintitle">
    <li>title1</li>
    <li>title2</li>
</ul>
<div class="DVlogo">
<img style="border: 0px solid ; width: 72px; height: 72px;"  src="images/something.png" alt="Ying Yang" />
</div>


.maintitle ul {
padding:10px;
margin:0px;
float:left;
}
.maintitle li {
list-style-type: none;
}

.topmenu ul {
padding:10px;
margin:0px;
float:left;
}

.topmenu li {
display:inline;
}

Answer 1

您的选择器不正确。例如： ul.maintitle 可用于选择类别为maintitle的ul标签。

所以要使用两个div实现你想要的东西，CSS将是：

ul.maintitle {
padding:10px;
margin:0px;
float:left;
}
.maintitle li {
list-style-type: none;
}

ul.topmenu {
padding:10px;
margin:0px;
clear:both;
}

.DVlogo{
float:right;
}
.topmenu li {
display:inline;
}

Divs Images，UL

1 个答案: