html - 防止物品从右侧溢出
问题描述
是否可以在 Internet Explorer 11 中将溢出机制限制为不从右侧溢出?
我有以下设置:
.overflow-container {
background: red;
height: 50px;
margin-left: 8rem;
overflow: hidden;
}
.overflow-childs {
display: flex;
float: right;
background: yellow;
}
.child {
background: blue;
width: 100px;
height: 30px;
margin-left: 10px;
}
.hidden {
background: green;
order: -1;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<div class="overflow-container">
<div class="overflow-childs">
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
<div class="child hidden"></div>
</div>
</div>
</body>
</html>
我需要改变什么吗?我试图设置position:absolute
元素right:0
,overflow-childs
但它不起作用。
解决方案
推荐阅读
- c# - 如何使用 Web Api Asp.Net MVC 返回查看 ConfirmEmail?
- regex - 如何以这种方式对文本文件文本进行排序?
- visual-studio - 为负载测试配置每秒请求数
- qt - QtSql:捕获 SQLite 数据库更改的事件通知
- excel - 将指向工作表的链接添加到同一工作簿中不同工作表中的单元格
- python - 在 Tkinter 的 Toplevel 内动画 Matplotlib 图
- java - Web 服务器无法启动。端口 8080 已被使用。Spring Boot 微服务
- r - DiagrammeR:从最小节点和边缘数据框创建图形
- python - 使用用户输入将字典保存到文件
- python - 使用字典理解优化代码