Home >Web Front-end >HTML Tutorial >Please tell me about dl dt dd, problems in positioning, thank you_html/css_WEB-ITnose

Please tell me about dl dt dd, problems in positioning, thank you_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:04:031555browse





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



I write the title on the dt in dl, and nest a ul li list in dd

I have set the margin padding of ul to 0. But there are still problems with positioning, it cannot be left aligned, and ul is included in dd, so why is it higher than its upper boundary.


Reply to discussion (solution)

Remove default style

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

Brother Chicken, I would like to ask



#mydiv2 dl{
height:30px;
background-color:#0FF;
margin:0px;
padding: 0px;
}



#mydiv2 dl dd ul {
. . . . . .
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding- right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}


I indirectly set these items to 0 in this code, why not Does it take effect? ​​

How can it take effect if you set it directly like you did? ?

Research found that the margin of dd is not set.

It seems that the padding of dl does not work on dd



Brother Ji, I have another question, I set the height of dt, why is the result larger than the set height? Times? ?



b046eccc1ff07e9cbb558a84c01d8059
68ccb177a5de0ef9542dde7d35bae727
93f0f5c25f18dab9d176bd4f6de5d30e
ebc2d70b107fa53bfcc2bade8c1a70df
b2386ffb911b14667cb8f0f91ea547a7Untitled Document6e916e0f7d1e588d4f442bf645aedb2f
10a63e23a8abb4730d5337118897e2af
531ac245ce3e4fe3d50054a55f265927
9c3bca370b5104690d9ef395f2c5f8d1

6c04bd5ca3fcae76e30b72ad730ca86d
c9fa5894a5a087a501c0e92c370bb52f
5c69336ffbc20d23018e48b396cdd57a
73de882deff7a050a357292d0a1fca9473de882deff7a050a357292d0a1fca94
;/dl>
16b28748ea4df4d9c2150843fecfba68

9defb4b3c8c3a1f7f8cee62c3154f9f016b28748ea4df4d9c2150843fecfba68
16b28748ea4df4d9c2150843fecfba68
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

73de882deff7a050a357292d0a1fca9473de882deff7a050a357292d0a1fca94

67bc4f89d416b0b8236eaa5f43dee74267bc4f89d416b0b8236eaa5f43dee742

=》

73de882deff7a050a357292d0a1fca94

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn