qq_43412960 2019-07-06 09:07 采纳率: 78.6%
浏览 301
已结题

这是一个关于HTML的布局问题

 <!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>inline-block</title>

    <style type="text/css">
        body {
            margin:0px;
        }

        #head {  height:100px;
                 box-shadow:0px 10px  1px  gray;
        }
        #headleft {
            width:50%;

         font-family:'Cambria Math';
        }
        #headright {     width:50%;
         float:left;
         list-style:none;
         font-family:'Cambria Math';
         text-decoration:none;
        }

    </style>

</head>

<body>
   <div  id="head"></div>
    <div>
    <div  id="headleft">欢迎</div>
        <div id="headright">
            <ul>
                <li>1</li>
                <li>2</li>
                <li>3</li>
            </ul>
        </div>
         </div>
</body>

</html>

我想实现的是 欢迎在左边 横向排列的导航栏在右边,怎么没能实现呢?

  • 写回答

3条回答

  • 代码的灵魂是bug! 2019-07-06 09:56
    关注
    <div style="display: flex;">//在这加
        <div  id="headleft">欢迎</div>
        <div id="headright">
            <ul>
                <li>1</li>
                <li>2</li>
                <li>3</li>
            </ul>
        </div>
    </div>
    
    
    评论

报告相同问题?

悬赏问题

  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥65 汇编语言除法溢出问题