相关疑难解决方法(0)

使用CSS3转换后的溢出行为

请查看演示

我有两个divs,第一个div用于显示滚动条,第二个div用于旋转内部内容div.

我的问题是,即使内部内容没有溢出,滚动条也会显示.

请检查演示并告诉我我在这里做错了什么以及如何克服这个问题或任何替代方法来实现这一目标.

HTML

<div style="width: 1096px; height: 434px; overflow: auto; position: relative; border:solid 5px #555555">
    <div id="RotationDiv">
        <img style="left: 54px; top: 337px; width: 326px; height: 422px; position: absolute;" src="http://fc01.deviantart.net/fs70/f/2012/304/6/b/walfas_custom___vending_machine_2_by_grayfox5000-d5jljhe.png" />
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

#RotationDiv {
    -ms-transform-origin: 539px 539px;
    -webkit-transform-origin: 539px 539px;
    width: 434px;
    height: 1096px;
    overflow: visible;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    background-color:Red;
}
Run Code Online (Sandbox Code Playgroud)

html css css3 css-transforms

20
推荐指数
2
解决办法
3万
查看次数

标签 统计

css ×1

css-transforms ×1

css3 ×1

html ×1