<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.container {
display: flex;
height: 50px;
border: 1px solid black;
}
.item {
flex: 1;
}
</style>
</head>
<body>
<div class="container">
<div class="item">
<!-- 只能改这里,不使用绝对定位,如何让这里的元素宽度为item的100%,且不溢出? -->
<div style="width: 100%; overflow: hidden">
<!-- 内部元素超宽 -->
<div style="width: 110vh; background: red">1241</div>
</div>
</div>
</div>
</body>
</html>
正常一般就是在item
上加overflow: hidden
,但是想不改动item
,只改里面的元素,是否不可能实现?
设置
min-width
应该就可以了