开启辅助访问
智能 [热门需求]
或 免费发布需求
快捷导航
返回列表 发新帖

为什么最后foot标签里的导航不能实现水平居中

m8869***
时代问答 问答社区
两列布局

     body{margin:0;padding:0;}
.head{width:100%;background:black;overflow:hidden;margin-bottom:0;}
.logo{float:left;}
.nav{color:white;float:right;overflow:hidden;list-style:none;line-height:100%;margin-top:0;margin-bottom:0;padding-right:30px;line-height:104px;}
.nav li{float:left;margin-right:90px;}
.body{margin-top:0;width:100%;height:1100px;background:#87CEEB;overflow:hidden;}
.left li{list-style: none;}
.left{width:50%;float:left;padding-top:50px;}
span{border:solid 1px orange;background:orange;}
.right{width:50%;float:right;padding-top:50px;}
.left ul{margin-left:240px;}
.right h3,.right p{margin-left:60px;}
.foot{width:100%;height:100px;background:black;margin-top:0;overflow:hidden;text-align:center;}
.foot ul{float:right;overflow:hidden;display:;line-height:100px;margin:0;display:inline-block;}
.foot ul li{color:white;float:right;list-style:none;margin-left:50px;}








   
113002bq2zabsb9a59qmia.png

   


  • 课程
  • 职业路径
  • 实战
  • 问答
  • 手记




   

    课程推荐


  • 职业路径   HTML与CSS3实现动态网页</br>
  • 职业路径   零基础入门Android语法与界面</br>
  • 职业路径   IOS基础语法与常用控件</br>
  • 职业路径   PHP入门开发</br>
  • 职业路径   JAVA入门开发</br>




相关课程


HTML  CSS  javaScript

HTML5  CSS3  Jquery

移动端基础  移动端APP开发







  • 网站首页
  • 企业合作
  • 人才招聘
  • 联系我们
  • 常见问题
  • 友情链接
CSS3
显示全部楼层

免责声明：本内容仅代表回答者见解不代表本站观点，请谨慎对待。

版权声明：作者保留权利，不代表本站立场。

回复

使用道具 举报

上一主题 下一主题

参与会员1

康***
因为你设置了右浮动...
.footul{//把float：right去掉即可}望采纳，谢谢！
回复

使用道具 举报

可能感兴趣的问答

发新帖
TA的信息
  • 会员所属： 注册会员
  • 认证信息： 邮箱认证手机认证

最新任务

更多 >

最新问答

  • 微信访问
  • 手机APP

优

优秀人才 汇聚时代

快

及时响应 快速匹配

专

专注软件 众包服务

保

信息保障 隐私保护
友情链接 : 时代威客网 有招网 自考365 测试网

  • 微信小程序

  • 新浪微博

  • 手机客户端