一个自适应DIV 居中的问题

发布网友发布时间：2022-04-22 05:43

共1个回答

热心网友时间：2022-04-22 07:12

你这个要求有点特殊啊
我写了一个例子，每个div我都用了边框颜色体现你看下
重点就是你的div float之后是无法相对外面div居中的，就只能通过margin：上右下左;来进行微调
那就只能通过margin来进行微调
!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}
.waikuan {width:100%; border:1px solid #C06; margin:0 auto; height:500px}
.big { width:660px;margin:0 auto; border:1px solid #000; height:400px;}
.a{width:60%; height:200px; float:left; border:1px solid #3F6; margin:0 0 0 15%}
.b{width:80px; height:200px; float:left; border:1px solid #C0F; margin:0 auto}
</style>
</head>
<body style=" margin:0 auto">
<div class="waikuan">
<div class="big">
<div class="a"></div><div class="b"></div></div>
</div>
</body>
</html>追问不能加.big 就是外框的不确定才出现了居中的难题 .a 宽度是根据窗口大小自动调查如果加上固定宽度就不符合要求了

追答这个是不影响的，我只是加的一个固定的长度。。你可以把.big的width改成百分比是一样的。。
这样你无论窗口怎么变都是居中的