<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>等高布局</title>
<style type="text/css">
*{
margin:0; padding:0;
}
body{
font-family:"Lucida Console", Monaco, monospace,"宋体"; font-size:16px;
}
a,img{
border:0 none;
}
.wrap{
width:1000px;
margin:0 auto;
color:#fff;
}
.list_row{
line-height:30px;
display:table-row;
/*以下代码是为了兼容IE7-*/
overflow:hidden;
}
.list_cell{
display:table-cell; width:300px;
padding:10px;
text-indent:2em;
background:#993;
/*以下代码是为了兼容IE7-*/
margin-bottom:-110px; *padding-bottom:110px;
*float:left;
}
.list_special{
widt
css 解决方案-等高布局
最新推荐文章于 2024-06-11 09:13:22 发布
本文通过HTML和CSS展示了如何实现等高布局,利用display:table-row和display:table-cell属性确保列的高度一致,同时提供了针对IE7-的兼容性解决方案。
摘要由CSDN通过智能技术生成