移位块的位置：绝对

Question

jsFiddle演示

---

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

---

我需要CSS-码移位单元.slide_panel上的宽度左.slide_panel

---

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;
}

Answer 1

您需要将right属性设置为100％，以便将其推到左侧边界之外：

right: 100%;

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

Answer 2

你（们）能做到

right: 100%;

如果您是CSS新手，可以使用table

<table align="center" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top" width="50%" align="right">left</td>
<td valign="top" width="50%">right</td>
</tr>
</table>