Question

我有以下标记：

<html>
<head>
    <style>
        html,
        body {
            margin: 0;
            width: 100%;
            background: #000;
        }

        .wrapper {
            min-width: 1000px;
            background: #f00;
            height: 300px;
        }
    </style>
</head>
<body>
    <div class="problem-div">
        <div class="wrapper"></div>
    </div>
</body>
</html>

当我调整浏览器窗口大小时，DIV.problem-div将身体，html或视口带到（我完全不知道）。我需要的是使该div获取其子（.wrapper）的宽度而不设置其最小宽度或使其定位为绝对。有可能吗？

Answer 1

Div是块级元素，其宽度始终为100％。将display属性设置为inline-block，这样可以获得所需的结果。

.problem-div {
    display: inline-block;
}

如果孩子最小化，防止div崩溃

1 个答案: