ul标签设置宽度高度

1、让a标签模块化，就是加个display：block的属性，这个时候就可以设宽高，但是要注意这时候a标签已经是一个类似div的模块了，就是说直接写一排会分行显示，不会平行布局，不管宽度是多少，如果平行布局还要加float属性才可以了。

2、较简单是a标签里面加个div，设div的宽高，但这种方法会使a：hover效果失效，兼容性也会有问题。

li虽然有了高度，但是因为你给li设置了了浮动，所以相当于没有高度，你可以在最后一个li的后面加一个li，单独设置这个li的样式，clear:both这样的话 ul 应该是有高度的，你可以按照我说的先试一下，给ul加个背景色就能看出来ul的高度了

①首先你的<li>是浮动的，也就是说li脱离了文档流，故它的父级ul是无法包围li的，所以li的内容增大缩小跟ul关系是不大。

②如果是你想实现：让li水平排列。同时div的内容增加后，div向下延伸。

可以直接限制li的宽度：

li {

      float:left

      width:100px

  }

效果如下：

<ul>

      <li>

          <div>测试信息a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a </div>

      </li>

      <li>

          <div>测试信息</div>

      </li>

      <li>

          <div>测试信息bb b b b b b b b b b b b b b b b b b b</div>

      </li>

  </ul>

---