救救我吧,研究了两个小时都不知道问题出在哪 下面这个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>
...全文
3414 4 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
姎楹 2020-11-23
  • 打赏
  • 举报
回复
加上这个

.header a,.ul{
        margin-left:50px;
        float:left;
        }
混子还在路上 2020-11-23
  • 打赏
  • 举报
回复
让ul浮动,用margin调整位置
张一发 2020-11-22
  • 打赏
  • 举报
回复
让ul浮动就可以了
亦夜 2020-11-22
  • 打赏
  • 举报
回复
鼠标放到CSDN上面的菜单,右键点击检查,就知道了,或者给ul添加左浮动,或者给header添加display:flex

61,128

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧