导航和个人中心不能在同一行显示

登录

您好老师为什么我做的导航的个人中心不能和那个导航在同一个水平线上呢

lori棒棒糖 · 发表于 2017-8-22 18:24:18

下次直接把代码全部复制粘贴出来，不要截图

yuanxi52028 · 发表于 2017-8-23 09:26:01

DIV是一个块，不会在同一水平上，加一个右浮动吧 float:right;

我要学代码 · 发表于 2017-8-24 14:41:01

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

上次试了加浮动也没用的

我要学代码 · 发表于 2017-8-24 14:42:17

听课听得懂貌似，自己动手就蒙逼

我要学代码 · 发表于 2018-4-11 21:11:18

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>

[提问] 导航和个人中心不能在同一行显示

本帖子中包含更多资源

共5个回复最后回复于 2018-4-11 21:11

	B Color Image Link Quote Code Smilies 高级模式您需要登录后才可以回帖登录 \| 立即注册本版积分规则回帖后跳转到最后一页

[提问] 导航和个人中心不能在同一行显示

本帖子中包含更多资源

共5个回复 最后回复于 2018-4-11 21:11

共5个回复最后回复于 2018-4-11 21:11