如何让div与a标签并列显示

图片描述

想要实现上图的效果,下面是我的代码:
html

<html>
<head>
    <link rel="stylesheet" type="text/css" href="IndexCSS.css">
</head>
<body>
    <div class="header">
        <div class="float_left">
            <a href="#">
                <img src="./image/logo.png" id="logo">
            </a>
        </div>
        <div id="icon">
            <img src="./image/UpLoadIcon.png">
            <img src="./image/TimeIcon.png">
            <img src="./image/BellIcon.png">
            </div>
        <div class="float_right">
            <div id="user">

            </div>
            <div id="search">
                <img src="./image/DefaultContext.png" style="margin-left:30px">
                <img src="./image/SearchIcon.png">
            </div>
        </div>
    </div>
</body>

</html>

css
图片描述

这是实际效果:
图片描述

我要如何修改才能实现下面那一行与第一行的logo并列?

阅读 21.3k
1 个回答

div 是块元素,会占一行,你可以指定宽度后,用 display:inline-block 使之成为行内块元素

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题