3回答

• 

  慕神1851049

  2016-06-23 11:50:04

   <div class="index-menu">

          <div class="public-container menu-title">The menu</div>

          <div class="public-container menu-list">

          <ul class="clearfloat">

              <li class="menu-item clearfloat">

                  <div class="title">

                  <h4>Voluptate cillum fugiat</h4>

                  <p class="comment">Cheese, tomato, mushrooms, onions.</p>

                   </div>

                   <div class="line"></div>

                  <div class="price">$50</div>

               </li>

  
  

  1 0

  Redcha...

  是右边的price显示不出来么，在RESET.CSS清除点UL的padding值

  2016-07-03 10:56:42

  共 1 条回复 >

• 

  慕神1851049

  2016-06-23 11:48:56

  .menu-list{

      overflow:hidden;

      margin-top:81px;

      } 

      

  .menu-list ul{

       width:1160px;

  }

  .menu-item{

      float:left;

      width:520px;

      margin-left:60px;

      margin-bottom:61px;

  }

  .title,.line{

      float:left;

  }

  
  

  .title{

      width:230px;

      overflow:hidden;

      white-space:nowrap;

      text-overflow:ellipsis;

  }

  .comment{

      color:#b7b7b7;

      margin-top:10px;

  }

  .price{

      float:right;

  }

  
  

  0 0
• 

  图像789

  2016-06-22 22:01:41

  把代码都发上来吧

  0 0