为了账号安全,请及时绑定邮箱和手机立即绑定

为什么我给另外一个div下面的dt设置的border,这个div整个都有border?还有为什么我给的最后的float不显示

为什么我给另外一个div下面的dt设置的border,这个div整个都有border?还有为什么我给的最后的float不显示

qq_积木城池_0 2017-04-20 09:37:11
HTML:<div class="w-1200">    <div id="toulan">        <dl>            <dt><img src="../shijian.jpg" alt=""/></dt>            <dd>sjhakhbcjaaj</dd>            <dd>sjhakhbcjaaj</dd>            <dd>sjhakhbcjaaj</dd>            <dd>sjhakhbcjaaj</dd>            <dd>sjhakhbcjaaj</dd>            <dd>sjhakhbcjaaj</dd>        </dl>    </div>    <div id="fenlantiao">       <dl>            <dt>            <ul>                <li>jajjsjsjjsjsjajjs</li>                <li>jajjsjsjjsjsjajjs</li>                <li>jajjsjsjjsjsjajjs</li>                <li>jajjsjsjjsjsjajjs</li>                <li>jajjsjsjjsjsjajjs</li>                <li>jajjsjsjjsjsjajjs</li>            </ul></dt>            <dd>                    <img src="../shijian.jpg" alt=""/>                        <img src="../shijian.jpg" alt=""/>                    <p>akdkajdkasjdkajsdaskdjaskjdksjdkasjdkasjkdjaksjdskajdkasjdkasjkjsjjsjsjhjsjsjsjjs                jsjsjsjjsjsjsjjsjsjjjsdjaskdjakjdkadjkajdkajdjasdjasjdajdachwa</p>                </dd>        </dl>    </div>    <div id="huanlan">        <dl>            <dt><img src="../shijian.jpg" alt=""/></dt>            <dd><p>sjsjsjjssssssssssssssssssssssssssssssssssssssssssssssssssssssddddddddddddddsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssj</p></dd>        </dl>        <dl>            <dt><img src="../shijian.jpg" alt=""/></dt>            <dd><p>sjsjsjjssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssddddddddddddddsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssj</p></dd>        </dl>        <dl>            <dt><img src="../shijian.jpg" alt=""/></dt>            <dd><p>sjsjsjjsssssssssssssssssssssssssssssssssssssssssssssdddddddddddddssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssj</p></dd>        </dl>        <dl>            <dt><img src="../shijian.jpg" alt=""/></dt>            <dd><p>sjsjsjjsssssssssssssssssssssssssssssssssssssssddddddddddddssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssj</p></dd>        </dl>        <dl>            <dt><img src="../shijian.jpg" alt=""/></dt>            <dd><p>sjsjsjjsssssssssssssssssssssssssssssssssssssddddddddddddddddddssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssj</p></dd>        </dl>        <dl>            <dt><img src="../shijian.jpg" alt=""/></dt>            <dd><p>sjsjsjjssssssssssssssssssssssssssssssssssssssssddddddddddsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssj</p></dd>        </dl>    </div></div>css:body{    margin: 0 auto;    font-family: "微软雅黑", arial, "宋体";    font-size:20px;}*{    list-style: none;    padding: 0;    margin: 0;}.w-1200{    width: 1200px;    margin: 0 auto;}#toulan{    margin: 5px 0;}#toulan dl dd{    float: left;   margin: 40px 20px;}#toulan dl dt {   margin: 0 100px 0 15px;   float: left;}#fenlantiao{    margin: 5px 0;}#fenlantiao dl dt ul li {     padding: 0 5px;}#fenlantiao dl dt{    float: left;    width: 200px;}#fenlantiao dl dd {    float: left;    width: 1000px;}p{    word-break:break-all;}#huanlan{    width: 1200px;    margin: 5px 0;}#huanlan dl dt {     padding: 25px;    border: 1px solid black;}#huanlan dl dd{    border: 1px solid black;    width: 1000px;}#huanlan dl dt:nth-child(even){    float: left;}#huanlan dl dd:nth-child(odd){    float: left;}#huanlan dl dt:nth-child(even){    float: right;}#huanlan dl dd:nth-child(odd){    float: right;}
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 1654 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信