私の仕事では、既存の HTML テンプレートに基づいてクライアント向けにページをカスタマイズしています。つまり、変更できるのは CSS だけです。明らかに、これは多くの場合、問題に対する創造的な解決策を探すことを意味します。これができるかどうかはわかりませんが、CSS のみを使用して、ページ上の要素を元の位置の左側に再配置する必要があります。基本的に、この要素は通常中央に配置されますが、ヘッダー画像を中央に配置する代わりに、画像を画面の右上に配置する必要があるため (背景画像にしました)、他の要素の「中央」は現在です。少し右へ。
私の問題は、小さなウィンドウで要素が画面の左側から切り取られる原因となるこれを行う方法しか見つけられないことです。CSS のみを使用して、要素をブラウザ ウィンドウからはみ出さずに元の位置の左側に配置する方法はありますか? 説明が不十分な場合は申し訳ありませんが、私はこれを毎日行っていますが、完全に自己訓練しています. これが私が試したことです(失敗しました):
.content {
background: #ffffff;
color: #000000;
margin-top: 0px;
position: relative;
left: -20%;
}
また、代わりに margin-left を使用し、最小幅を 100% に追加してみました。position:absolute を使用しようとしたときに、ページ上の他の要素が台無しになったので、それも不可能です。この問題の解決策をご存知でしたら教えてください。