1

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

2 に答える 2

0

あなたが作ることができます

right: 100%;

cssを初めて使用する場合は、テーブルを使用できます

<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>
于 2013-09-10T13:11:19.180 に答える