DIVにパディングを追加しました: 15px その結果、その境界線はmisaligned_html/css_WEB-ITnoseになりました。

DIV 内のコンテンツを内側に近づけたい (端に近くない) のですが、パディングを使用すると、DIV の境界線がオーバーフローします。

        .PhotoP        {            width:100%; height:160px; border-bottom:1px dashed gray; padding:15px;        }        <div style=" width:970px; height:400px;">              <div class="PhotoP">                   sdadas              </div>        </div>

ディスカッションに返信 (解決策)

スクリーンショットの右下隅をご覧ください。 。 。
下の点線の右側が少しはみ出ているので解決してください

width:100% を削除します

外側の div のマージンを利用した方が良いです。

幅: 100% 削除
100% 削除しても問題ないのはなぜですか?すごくいいです
でも、DIVにwidth100%を追加しないとDIVの下の点線の幅が100%のままになるのがわかりません

width: 100%削除されました
なんで大丈夫なんですか？ 100％除去するには？とても良いです
でも、DIVにwidth100%を追加しないと、DIVの下の点線の幅が100%の幅のままになるのがわかりません

これはボックスモデルと関係があるはずです〜

幅: 100% 削除
なぜ 100% 削除しても大丈夫ですか?とても良いです
でも、DIVにwidth100%を追加しないとDIVの下の点線の幅が100%の幅のままになるのが分かりません

divタグ自体はブロック要素なので占有します独自の行なので幅を書かないと外側のコンテナに合わせて表示の幅に押されてしまいます〜