css中的浮动

原创 2018-11-20 10:03:27 173
摘要:<!DOCTYPE html> <html lang="en"> <head>     <meta charset="utf-8">     <title>float</title&g
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>float</title>
    <style>
        ul li{
            list-style:none;width:150px;height:60px;line-heignh:60px;
            text-align:center;background:#ccc;border:1px solid #666;
            margin:5px 10px;float:left;}
        .clear{
            clear:both;}
        ul li div{
                width:150px;height:150px;line-height:150px;text-align:center;
                background:yellow;display:none;}
        ul li:hover div{
                display:block;}
      </style>
 </head>
 <body>
     <ul>
             <li>html
                     <div>目录</div>
              </li>
              <li>css
                      <div>目录</div>
               </li>
               <li>javascript
                       <div>目录</div>
                </li>
                <li>js
                        <div>目录</div>
                </li>
                <li>php
                        <div>目录</div>
                <li>
     </ul>
     <div class="clear"></div>
  </body>
  </html>


批改老师:灭绝师太批改时间:2018-11-20 10:23:16
老师总结:这个作业重新提交,问题你反馈到工单,我已经回复了,你还犯这个错误,这种嵌套是什么鬼

发布手记

热门词条