隐藏CSS中绝对定位的后代的溢出

时间:2016-03-14 16:48:03

标签: html css

我有一个绝对定位的元素,它是overflow:hidden元素的孩子,我希望它在父元素的边缘被切断,但绝对定位元素似乎忽略溢出规则。有解决方法吗?

http://www.brandonsmith.ninja

在移动设备上查看,曲面细分元素是我试图切断的内容。该文档当前扩展到视口宽度之外。

1 个答案:

答案 0 :(得分:2)

在第二个容器上使用<select id="month-selector" name="month" ng-model="contorller.month"> </select> <select id="year-selector" name="year" ng-required="controller.month"> </select> 。这将解决问题。jsfiddle

position: relative;

针对您的移动设备问题:将<div class="container abs"> <div class="child two"> absolute positioning </div> </div> 添加到overflow-x: hidden; css规则。

<body>