左右填充不满,请帮忙看看是什么问题

来源:3-4 企业网站制作之导航部分制作(一)

Daisy43132

2017-10-02 22:47

<div class="nav">
        <div class="nav_left"></div>
        <div class="nav_mid">
         <div class="nav_mid_left"></div>
           <ul>
            <li><a href="#">首页</a></li>
              <li><a href="list.html">关于我们</a></li>
              <li><a href="list.html">新闻中心</a></li>
              <li><a href="list.html">集团产业</a></li>
              <li><a href="list.html">人才招聘</a></li>
              <li><a href="list.html">联系我们</a></li>
           </ul>
         <div class="nav_mid_right"></div>
           <form action=""method="post"><!--添加文本框-->
            <input type="text" /><!--添加一个表单-->
           </form>
        </div><!--nav_mid结束-->
        <div class="nav_right"></div>
      </div><!--nav结束-->
    </div><!--wrap结束-->

写回答 关注

2回答

  • 反正就这样i
    2018-05-23 15:19:41
    <div class="nav_mid">
        <div class="nav_mid_left">
            <ul>
                <li></li>
            </ul>
       </div>
       <div class="nav_mid_right">
         <form action=""method="post">
           <input type="text" />
         </form>
        </div>
    </div>

    这样的 ,表单和输入框要包含在div里面。


  • Daisy43132
    2017-10-02 22:48:05

    CSS代码

    .nav
    {
     height:40px;
    }
    .nav_left
    {
     width:10px;/*宽度为10像素*/
     background:url(../img/nav_left.jpg)no-repeat;/*不平铺*/
     float:left;/*向左浮动*/
     height:40px;
    }
    .nav_mid
    {
     width:980px;
     background:url(../img/nav_bg.jpg)repeat-x;/*图片在水平方向重复*/
     float:left;/*向左浮动*/
    }
    .nav_right
    {
     width:10px;/*宽度为10像素*/
     background:url(../img/nav_right.jpg)no-repeat;/*不平铺*/
     float:left;/*向左浮动*/
     height;40px;
    }

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157042 学习 · 1984 问题

查看课程

相似问题