【问题标题】:problems with navbar wrapper. what am I doing wrong?导航栏包装器的问题。我究竟做错了什么?
【发布时间】:2014-10-30 10:19:03
【问题描述】:

几乎所有东西都向左浮动,但我希望导航菜单向右浮动,徽标向左浮动,两者都在同一个居中的 div 中(当达到 1170 像素的最大宽度时,边距自动) CodePen Link

  .static-navbar-wrapper {
  height: 100px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  border-bottom: 1px solid rgba(255,255,255,0.09);
}

【问题讨论】:

    标签: css css-float navbar


    【解决方案1】:

    这对你有用吗?

    <style>
        .wrapper {width:1170px;margin:0px auto;}
        #nav-menu {float:right;}
        #logo{float:left;}
        .clear_fix {clear:both;}
    </style>
    
    <div class="wrapper">
    
        <div id="nav-menu">
                Navigation Menu
        </div>
        <div id="logo">
                Logo Image
        </div>
    
        <div class="clear_fix"></div>
    </div>
    

    【讨论】:

    • 不,它不起作用。你试过我的 CodePen 链接了吗?
    猜你喜欢
    • 1970-01-01
    • 2014-06-15
    • 2013-08-06
    • 1970-01-01
    • 2016-07-18
    • 2019-12-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多