0

テキスト ボックスといくつかのリンクを下部の背の高い画像の横に配置しようとしていますが、うまくいかないようです。私は画像を投稿し、あなたが見るために私のファイルをアップロードしました. ここから、親 div を position:relative に設定し、子 div に絶対位置を与えることを提案するあらゆる種類のソリューションを試しました。しかし、何も機能していないようです。手伝ってくれませんか。

サンプルページ

私の css ファイル: https://sizablesend.com/90kdo8/StackExchange.rar#cid=14

4

1 に答える 1

1

これにはラッパーが必要です

<div id="wrapper">
    <div id="img"></div>
    <div id="links">link1 link2</div>
</div>

この css は次のようになります。

#wrapper {
    position:absolute;
    vertical-align:bottom;
    top:5px;
    left:50px;
    height:50px;        
}
#img {
    display:inline-block;
    width: 50px;
    height: 50px;
    background-color:#cccccc;
}
#links {
    display:inline-block;
}

私はdivを使用したので、display:inline-blockを同じ行にとどめるように設定する必要があります

編集：

ここに作業フィドルがあります

于 2012-10-21T14:54:27.667 に答える