救救我吧,研究了两个小时都不知道问题出在哪 下面这个ul不合并到上面的导航栏

a丶魁影 Tech 2020-11-22 05:16:35
下面这个ul不合并到上面的导航栏,研究两个小时研究不出来,哭了,想把橙色这条合并到红色里边


<style>
*{margin: 0;padding: 0;text-decoration: nones;list-style-type:none;}
.header{width: 100%;height:60px;background-color: brown;}
.header a img{background-color: burlywood;margin-top: 5px;}

ul li{
width: 100px;
height: 60px;
background-color: coral;
text-align: center;
line-height: 60px;
float: left;
}
.header a img{display: inline;}
</style>
</head>
<body>
<div class="header">
<a href="/justify-content.html"><img src="https://www.hsxt.com/image/hs_logo.png" width="200px" height="50px"></a>
<div class="ul">
<ul>
<li class="ss">哈喽1</li>
<li class="ss">哈喽2</li>
<li class="ss">哈喽3</li>
<li class="ss">哈喽4</li>
<li class="ss">哈喽5</li>
</ul>
</div>
</div>
...全文
3341 点赞 收藏 4
写回复
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
姎楹 2020-11-23
加上这个

.header a,.ul{
        margin-left:50px;
        float:left;
        }
回复
让ul浮动,用margin调整位置
回复
张一发 2020-11-22
让ul浮动就可以了
回复
亦夜 2020-11-22
鼠标放到CSDN上面的菜单,右键点击检查,就知道了,或者给ul添加左浮动,或者给header添加display:flex
回复
相关推荐
发帖
CSS
创建于2007-09-28

6.0w+

社区成员

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
申请成为版主
帖子事件
创建了帖子
2020-11-22 05:16
社区公告
暂无公告