html 设置li宽度自适应,如何处理 在html中 li 的高度自适应（且li里面的内容有浮动的情况下）...

废话不多说，我们写贴出代码

这个是 Html 代码

• 23

  text1

  text2

• 第二个button

• 第三个button

• 第四个button

再贴出 css 代码

.main ul li{

width: 100%;

line-height: 100%;

border-bottom: 1px solid #333;

padding: 15px 0px;

background: #999;

text-align: center;

/*overflow:auto;*/

}

.main-left{

width: 30%;

float: left;

height: 40px;

}

.main-right{

width: 65%;

float: right;

}

.main-right p{

line-height: 1;

}

注意看关键。

就是我 注释掉的那行代码

/*overflow:auto;*/

使用ul和li代替表格进行排版的时候，会发现li无法自适应高度。

只需要将li的overflow置为auto就可以了，

因为li默认的overflow是visible，会将内部元素显示在li之外。

完美解决问题！

解决 Maven 项目中找不到 jdk 的 tools.jar 文件的办法(多数情况下适用)

jdk.toolsjdk.tools

div高度自适应

第一种: