Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 一行2个div,最大宽度_Html_Css - Fatal编程技术网

Html 一行2个div,最大宽度

Html 一行2个div,最大宽度,html,css,Html,Css,当浏览器调整大小时,我想在一行中显示两个div。在所有屏幕上,它将显示在一行中,但现在当浏览器调整大小时,它会在第二行中断 HTML <div class="navbar" id="navbar"> <a href="#" class="logo"> <img src="logo.png"> </a> <div class="topnav-con"> <div class="

当浏览器调整大小时,我想在一行中显示两个div。在所有屏幕上,它将显示在一行中,但现在当浏览器调整大小时,它会在第二行中断

HTML

<div class="navbar" id="navbar">
    <a href="#" class="logo">
        <img src="logo.png">
    </a>
    <div class="topnav-con">
        <div class="menu-top-menu-container">
            <ul class="nav-menu" id="menu-top-menu">
                <li><a href="#">nav 1</a></li>
                <li><a href="#">nav 2</a></li>
            </ul>
        </div>                                  
    </div>
</div>

不要将.topnav con的宽度保持为100%

在class
.topnav con
.logo

.logo{
    width: 20%;
}
.topnav-con{
    width: 80%;
}
但在显示导航栏时,这并不可取。将比率保持到某个
最小宽度:600px

然后将菜单分成下一行。

.navbar{.max width:1310px;}中的第二个
是一个错误还是某种IE黑客行为?工作正常。。。你在找什么?你在说哪两个部门?
.logo{
    width: 20%;
}
.topnav-con{
    width: 80%;
}