html中怎么样可以让图片平铺在方框里？

css为background定义了一些很有用的属性，其中backgroud-size就可以满足你的要求。

将background-size设置为cover就会强行拉伸，然后使用background-repeat:no-repeat。

强行拉伸会看起来很奇怪，所以background-size可以支持从宽和高两个方向自由设置绝对和相对大小。比如background-size：100% 200px；就会把背景拉伸或缩成宽度上覆盖完，高度上缩成或者拉成200px；

.disaster的css样式中是否加入float:left/right属性或者其他针对这两个<ul>的样式中，去掉float样式属性应该就可以block的形式上下平行显示了

<style type="text/css">

div ul,div ul li{

height:30px

list-style-type:none

border:1px solid pink

text-align:center

}

div ul li{

width:150px

float:left

}

</style>

<div>

<ul>

<li>没问题啊</li>

<li>我这是没问题</li>

<li>代码要简单</li>

<li>默认就是block</li>

<li>那就不用设置了</li>

</ul>

---