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

大神看看为什么

大神看看为什么

慕粉1471134825 2017-08-18 14:39:41
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>  <meta http-equiv="content-type" content="text/html; charset=utf-8">  <meta name="generator" content="PSPad editor, www.pspad.com">  <title></title>  <link rel = "stylesheet" href = "D:\办公软件\PSPad editor\xhtml\47css.css" />  <style>  #container {   width:1002px;   height:128px;}  #header {    background:gray url(D:/learningFiles/tupian/ll.PNG);  }  #nav li {  float:left;  }  </style>  </head>  <body>    <div id = "container">      <div id = "header">      <img src = "D:/learningFiles/tupian/logo.PNG" alt = "" id = "logo" />            <ul id = "nav">            <li><a href = "#">导航1</a></li>            <li><a href = "#">导航2</a></li>            <li><a href = "#">导航3</a></li>            <li><a href = "#">导航4</a></li>            <li><a href = "#">导航5</a></li>            <li><a href = "#">导航6</a></li>            <li><a href = "#">导航7</a></li>          </ul>             </div>      <div id = "main">        <div id = "lside">          <div class = "subtitle"></div>          <div class id = "four"></div>          <div class id = "four"></div>          <div class id = "four"></div>          <div class id = "four"></div>        </div>        <div id = "rside">          <div class = "subtitle">            <ul>            <li>文章1</li>            <li>文章2</li>            <li>文章3</li>            <li>文章4</li>            <li>文章5</li>            <li>文章6</li>            <li>文章7</li>            </ul>          </div>                  </div>      </div>      <div id = "footer"></div>    </div>  </body></html>为什么文章一跑到第一行了
查看完整描述

2 回答

已采纳
?
qq_安安_17

TA贡献49条经验 获得超52个赞

#nav li {
    float:left;
    display:inline-block;
    width: 80px;
}
.subtitle li{
    clear: left;
}

完善了一下,7个导航挤在一起了。

“文章1”在上面就是因为没有清除浮动,浮动本身不占位置,相当于飘在页面上。

你不需要这个浮动效果了,就必须显式的清除掉浮动效果,从而恢复到原来的流式效果。

//img1.sycdn.imooc.com//5997addb0001368e06830215.jpg


查看完整回答
反对 回复 2017-08-19
?
赫本女神

TA贡献35条经验 获得超33个赞

我发现代码不是在编辑器上就看不下去......没清楚浮动问题?

查看完整回答
1 反对 回复 2017-08-18
点击展开后面1
  • 2 回答
  • 0 关注
  • 1870 浏览
慕课专栏
更多

添加回答

举报

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