2

Stackoverflow を検索したところ、CSS 列が重ならないようにしようとしている人がたくさん見つかりましたが、実際にはテキストと画像を重ねるように求められています。

アップデート：

私が求められていることを説明するより良い画像と、私が使用しているコードへのリンク。ありがとう！

ここに画像の説明を入力

http://unfetteredletters.com/webdev/twocolumnlayout.jpg

コードへのリンク: http://unfetteredletters.com/webdev/AF_columnLayout/AF_2columnLayout.html

これは可能ですか？

4

4 に答える 4

1

負のマージンを使用して、このようなことを行うことができます。

これをチェックしてください：http://coding.smashingmagazine.com/2009/07/27/the-definitive-guide-to-using-negative-margins/

#content {margin-right:-100px;}
于 2013-07-17T19:35:50.057 に答える
0

画像の包含ブロックを設定する必要があり、表示用の div css プロパティは相対的です。次に、オーバーラップする子を表示プロパティに絶対として設定します。これで、適切なピクセルを使用して、上下左右に配置できます。ただし、使用できる回答を簡単に提供できるように、css スタイルを提供する必要があります。

于 2013-07-17T19:37:42.077 に答える
0

私が考えることができる唯一のことは、画像に負のマージンを使用することです. ただし、最初の画像を 2 番目のコンテナーに配置し、画像の高さがわかっている場合にのみ機能します。したがって、あなたの例では問題ありませんが、すべての可能性に適合するソリューションではありません。

HTML

<div>
    [TEXT]
</div>

<div>
    <img src="[URL]" alt="[ALT]">
    [TEXT]
</div>

CSS

height、widthおよびmargin値は、値の例にすぎません。

div {
    float: left;
    width: 300px;
    margin: 0 20px 0 0;
    vertical-align: top;
}

div:nth-child(1) {
    padding: 250px 0 0 0;
}

img {
    float: left;        
    width: 350px;
    margin: 0 0 0 -320px;
}

デモ

購入前にお試しください

于 2013-07-17T19:51:19.887 に答える
0

あなたの質問に答えるには、はい、可能です。

あなたが尋ねなかった質問に答えるために、画像を背景画像にすることができます。

于 2013-07-17T19:36:15.413 に答える