我遇到溢出问题:auto;在儿童元素。当我为了div而将.wrapper类悬停在它的废墟上。位置。看一下这个: 我该怎么处理?如果divs元素在悬停之前保持在同一个位置,那将会很棒。
[http://codepen.io/anon/pen/WQQLMJ?editors=110][1]
<div class="parent">
<span class="close"></span>
<div class="wrapper">
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti consequatur ipsum at temporibus veritatis soluta perspiciatis quisquam fugiat odit quibusdam nihil sapiente vero, reiciendis adipisci non reprehenderit aut similique deleniti repellendus doloremque esse. Officia, quam ullam atque iusto lorem80 accusantium vitae cumque earum incidunt quos voluptatum maxime ut, sunt mollitia. Sit impedit porro sunt beatae quae at, cupiditate ut, ipsa placeat maiores! Doloremque perspiciatis saepe animi iste numquam, consectetur rerum tempora minima, placeat asperiores harum explicabo necessitatibus delectus dolorem sit quidem.</div>
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium esse ab nesciunt ipsa, vitae repellendus consectetur aperiam illum. Consequatur, dicta officiis adipisci minus, et tenetur assumenda repudiandae id, possimus, blanditiis mollitia repellendus. Nihil id doloribus culpa consectetur molestias voluptates iure blanditiis, at iusto cupiditate natus voluptatibus deleniti ab reprehenderit cumque eveniet soluta dolor officia incidunt recusandae, omnis. Quam facilis ducimus fugiat, nemo magni fuga, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae minima facilis, placeat, rerum quidem, possimus maxime accusantium beatae explicabo incidunt quasi rem atque tempora adipisci! Cumque sit ut iure suscipit. dolorum, perferendis tempore quod tenetur sequi aut eveniet. In, eius nam consequatur ipsam consequuntur fugiat a.</div>
</div>
</div>
答案 0 :(得分:0)
如果添加宽度,则可以正常工作。
.wrapper {
overflow: hidden;
height: 100%;
width:465px;
&:hover {
overflow: auto;
width:482px;
}