1

私はこのブログのようなものを取得しようとしています:

しかし、私が得るのは

（私は彼を真似しようとしているわけではありません。明らかにイメージを変更するなどです。）

親コンテナー (サイドバー) の幅が画像の幅よりも小さいため、境界線が切れています。私はよくグーグルで検索しましたが、見つけたのはoverflow:visibleで、どういうわけかまだ機能していません。出力は次のとおりです。

4

3 に答える 3

1

質問の要件に従って、マージン値を負に適用できます。たとえばmargin-left: 15px;、与えるposition: relative;ことができ、スタイルも定義する必要がある場合がありますfloat: left;。

ただし、代わりに、親要素をコンテンツよりも大きく定義することもできます。たとえば、コンテンツの幅が 200 ピクセルで、左右の画像が 15 ピクセル + 15 ピクセル = 30 ピクセルの場合、親要素の幅は 230 ピクセルにする必要があります。 3 つの画像すべての左側にフローティング値を指定して要素を配置し、コンテンツの幅を 200 ピクセルに定義して中央に配置margin: 0 auto;し、作業を完了します。

于 2013-04-14T09:57:22.817 に答える
1

必要な要素 (たとえば、{margin-left: -20px }) のマージンに負の値を割り当ててみてください。

親要素からオーバーフロー プロパティを削除することを忘れないでください。

于 2013-04-14T09:24:46.503 に答える
1

2 つの簡単な手順で:

  1. から削除overflow: hidden;し.sidebar .widgetます。
  2. .sidebar h2幅の違いを補うために、 の両側にマイナスマージンを追加します。
于 2013-04-14T09:25:31.263 に答える