Question

sketch

嘿我的容器草图有一个大问题。我怎么能意识到这一点？当我从两个导航（蓝色容器）设置宽度时，徽标下面（红色容器）。两个导航将在徽标旁边的屏幕上运行。如果我调整浏览器窗口的大小，则两个导航不应在徽标下滑动。有人给我一个例子吗？

<html lang="en">

<head>
    <meta charset="utf-8" />
    <title>New</title>
    <style type="text/css">

        .logo {
            float: left;
            width: 260px;
            height: 50px;
            background: green;
        }

        .nav-main {
            background: red;
        }

        .nav-sub {
            background: blue;
        }

    </style>
</head>

<body>
    <div class="header">
        <div class="logo">
            .logo
        </div>
        <div class="nav-main">
            .nav-main
        </div>
        <div class="nav-sub">
            .nav-sub
        </div>
    </div>

</body>

Answer 1

.header{
 min-width:320px;  
}

check example

Answer 2

尝试将width添加到nav-main和nav-sub

请参阅http://jsbin.com/isuxu4了解演示

集装箱浮动问题

2 个答案: