dl dt dd、位置決めの問題について教えてください。Thank you_html/css_WEB-ITnose

383eb734b02b508089ba2d78eb4c6f68
93f0f5c25f18dab9d176bd4f6de5d30e
0f3eabac747cdf61a51589c5584ae6e8
b2386ffb911b14667cb8f0f91ea547a7无标题文档6e916e0f7d1e588d4f442bf645aedb2f
46d5fe1c7617e3914f214aaf043f4ccf
bfc535cb7b10d5afd987c84e0be1b783
531ac245ce3e4fe3d50054a55f265927
9c3bca370b5104690d9ef395f2c5f8d1

6c04bd5ca3fcae76e30b72ad730ca86d
023627aaead83f391d9b93390bb611e1
  ce7ea261033f1cb4d142500d71f6a8f6
  5c69336ffbc20d23018e48b396cdd57a
  73de882deff7a050a357292d0a1fca94 通知公告c72c1af5e0e7f90179c047c5ef85885e
  67bc4f89d416b0b8236eaa5f43dee742
  ff6d136ddc5fdfeffaf53ff6ee95f185
  25edfb22a4f469ecb59f1190150159c61dsfsfsdbed06894275b65c1ab86501b08a632eb
   25edfb22a4f469ecb59f1190150159c62sdffsfsfbed06894275b65c1ab86501b08a632eb
    25edfb22a4f469ecb59f1190150159c63sdfdsfsdfsbed06894275b65c1ab86501b08a632eb
     25edfb22a4f469ecb59f1190150159c64sdfsfsdfbed06894275b65c1ab86501b08a632eb
  929d1f5ca49e04fdcb27f9465b944689
  82e295699cff932a4d4dabba39074c35 
  cd324b2387ec29e44e8e788c60648872
  16b28748ea4df4d9c2150843fecfba68
  4d60b21ff0093cc2418af1264a6f599316b28748ea4df4d9c2150843fecfba68
16b28748ea4df4d9c2150843fecfba68
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e



dl の dt にタイトルを書き込み、dd に ul li リストをネストします
ul のマージン パディングを 0 に設定しました。しかし、まだ配置に問題があり、左揃えにできず、dd に ul が含まれているのに、なぜ上限よりも高いのですか。

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

デフォルトのスタイルを削除します

ul,dl,dd{margin:0;padding:0;}

チキン兄さん、聞きたいことがあります

#mydiv2 dl{
height:30px;
background-color:#0; FF;
マージン: 0px;
パディング: 0px;


#mydiv2 dl dd ul {
. 。 。 。 。 。
マージン-トップ: 0px;
マージン-ボトム: 0px;
パディング-右: 0px; -left: 0px;


このコードでこれらの項目を間接的に 0 に設定しているのですが、なぜこのように直接設定しても有効になるのでしょうか? ?

調査の結果、dd のマージンが設定されていないことが判明しました。

dl のパディングは dd では機能しないようです



ジ兄さん、別の質問があります。dt の高さを設定したのに、結果が設定された高さの 2 倍になるのはなぜですか? ?

9e9a92b3dd1c1a570fd2f29c4034fcbd
93f0f5c25f18dab9d176bd4f6de5d30e
a29bd384fadcd9818f46f84571e75091 b2386ffb911b14667cb8f0f91ea547a7無題ドキュメント6e916e0f7d1e588d4f442bf645aedb2f

080b747a20f9163200dd0a7d304ba388
26116431902d22d8c3d27e480e96ff1e

6c04bd5ca3fcae76e30b72ad730ca86d
9defb4b3c8c3a1f7f8cee62c3154f9f0
>
38cfdec836742c2ff0d15d10ead67f5d 73de882deff7a050a357292d0a1fca9473de882deff7a050a357292d0a1fca94
73de882deff7a050a357292d0a1fca94 82e295699cff932a4d4dabba39074c35 ;

注意してください最後に、フロントエンドの仕様を理解する必要があります

うーん、低レベルの間違いですが、笑ってください