こんな効果を?qū)g現(xiàn)したい
しかし、現(xiàn)在のコードは次のように書かれています
解決方法を教えてください
幅の問題について多くの返信を読みましたが、幅を変更すると、pの背景畫像が完全に表示されなくなります。寫真を拡大縮小して幅を減らす方法はありますか?
走同樣的路,發(fā)現(xiàn)不同的人生
理由 1: コンテンツ + マージンの幅が親要素の幅を超えているため、幅を変更してみることをお勧めします。
理由 2: すべての float: left の場合、この問題が発生しやすくなります。左が右、右が右です
お役に立てば幸いです
CSS の計算では、1+1>2 になることがよくあります。これには多くの理由が考えられます (境界線、改行スペースなど)。これに対処するより良い方法は、子ノードの幅を適切に減らすことです。
背景畫像がブロックされる問題。p幅を変更した後、背景畫像のサイズも同時に設(shè)定する必要があります(100%)。そうしないと、畫像の実際のサイズに従って表示されます。
コントロール p width、background-size:contain、解決されました。畫像のアスペクト比が p と同じであれば、畫像は変形しないはずです。