为了账号安全,请及时绑定邮箱和手机立即绑定

为什么我设置的浮动出了问题

/ 猿问

为什么我设置的浮动出了问题

QQ似水流年 2019-11-28 17:16:09

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

<link href="xyc.css" rel="stylesheet" type="text/css">

</head>


<body>

<div class="header">

  <div class="nav">

    <ul>

 <li><button>登陆</button></li>

      <li><a href="#">关于汨湘</a></li>

      <li><a href="#">更新日志</a></li>

      <li><a href="#">成功案例</a></li>

      <li><a href="#">行业客户</a></li>

      <li><a href="#">产品介绍</a></li>

      <li><a href="#">首页</a></li>

    </ul>

  </div>

</div>

</body>

</html>

@charset "utf-8";

/* CSS Document */

/*公共*/* {

margin: 0px;

padding: 0px;

font-family: "Microsoft YaHei UI";

}

.header {

background-color: #07cbc9;

width: 100%;

height: 80px;

position: fixed;

z-index: 20;

top: 0;

left: 0;

}

.header .nav li {

height: 80px;

text-align: center;

line-height: 80px;

list-style: none;

float:right;

font-weight: bold;

margin-right: 60px;

}

.header .nav ul li a {

color: #ffffff;

text-decoration: none;

text-transform: uppercase;

font-size: 14px;

display: inline-block;

}

.header .nav ul li a:hover {

color: #000000;

}

.header.dl{float: right;

}

我的浮动文字位置顺序出问题了,是反过来的。能·告诉我怎么解决吗,不想用修改文字顺序的方法,有其他·的办法吗?CSS该怎么改。求大佬解答http://img1.sycdn.imooc.com/5ddf904e0001a66913600768.jpg

查看完整描述

1 回答

?
大米稀饭小米粥

要是反的话把<li>标签的排序颠倒一遍就正了,

还有就是可以用css的flex布局进行

查看完整回答
反对 回复 2019-12-06

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信