论坛

标题: 导航和个人中心不能在同一行显示 [打印本页]

作者: 我要学代码 时间: 2017-8-22 14:43
标题: 导航和个人中心不能在同一行显示
您好老师为什么我做的导航的个人中心不能和那个导航在同一个水平线上呢

作者: lori棒棒糖 时间: 2017-8-22 18:24
下次直接把代码全部复制粘贴出来，不要截图

作者: yuanxi52028 时间: 2017-8-23 09:26
DIV是一个块，不会在同一水平上，加一个右浮动吧 float:right;

作者: 我要学代码 时间: 2017-8-24 14:41

yuanxi52028 发表于 2017-8-23 09:26
DIV是一个块，不会在同一水平上，加一个右浮动吧 float:right;

上次试了加浮动也没用的

作者: 我要学代码 时间: 2017-8-24 14:42
听课听得懂貌似，自己动手就蒙逼

作者: 我要学代码 时间: 2018-4-11 21:11

lori棒棒糖发表于 2017-8-22 18:24
下次直接把代码全部复制粘贴出来，不要截图

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Gulp中文网-练习</title>
<style>
*{margin:0; padding:0;}
body{font-family:"微软雅黑"; }
.header{ height:50px; width:100%; background-color:#cf4646;}
.header .hd-con{width:950px; height:50px; margin:0 auto; }
.header a{text-decoration:none;}
.header .logo{float:left; line-height:50px; color:#FFF; font-size:18px;}
.nav{ float:right;}
ul li a{ float:left;padding:0 10px;color: #000;}

ul{list-style-type:none;}
.nav a:hover{color:red; size:18px;}

</style>
</head>

<body>
<div class="header">
<div class="hd-con">
        <a href="#" class="logo">Gulp中文网</a></div>

            <ul class="nav">

            <li><a href="#">首页</a></li>
                  <li><a href="#">中文文档</a></li>
                  <li><a href="#">入门指南</a></li>
                  <li><a href="#">API</a></li>
                  <li><a href="#">插件开发</a></li>
                  <li><a href="#">常见问题</a></li>
                  <li><a href="#">使用技巧</a></li>
                  </ul>
               </div>

</div>
</body>
</html>

欢迎光临论坛 (http://bbs.qinxue.com/)