移位块的位置:绝对

Icu*_*ive 1 html css css3

jsFiddle演示


这将CSS代码块.slide_panel左移500px.

http://prozaik.16mb.com/misc/h1.png


我需要CSS代码移动单位.slide_panel左侧的宽度.slide_panel

http://prozaik.16mb.com/misc/h2.png


CSS:

.wrap_news{
    position: relative;
    width: 500px;
    margin: 0 auto;
    background: cyan;
    height: 500px;
}

.wrap_news .slide_panel{
    position: absolute;
    left: -100%;
    top: 100px;
    background: red;
    padding-right: 30px;
    border: 1px solid #000; 
}

.wrap_news .slide_panel.showPanel{
    left: 0;
}
Run Code Online (Sandbox Code Playgroud)

Jon*_*ann 5

您需要将正确的属性设置为100%,因此它将被推到左边界之外:

right: 100%;
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/Hptdb/2/