怎样让右边的DIV跟随左边未知高度的div垂直居中
你好!你问的这个问题用DIV来做的话,即使是可以做出来也很难保证浏览器的兼容性,最好的方法就是用table直接做会好做掉,也比较兼容,不会出错。
如果你真的很想用DIV的话,那我就用笨的方法给你做一个,看看适不适合你,我CSS就直接写入,你看的清楚点,到真的可以用的时候你可以整理一下CSS。代码如下:
<body style="font-size:12px">
<div style="width:980px; height:auto; border:1px #999 solid; overflow:auto; text-align:left">
<div style="width:778px; padding:4px; height:auto; border-right:1px #999 solid; text-align:left; float:left">支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意事项支付注意</div>
<div style="width:193px; text-align:left; float:right">
<div style="background:#FCB; padding:4px; text-align:left;">查看商品评论查看商品评论查看</div>
<div style="padding:4px; text-align:left;">评论信息从这里查看评论信息从这里查看评论信息从这里查看评论信息从这里查看评论信息从这里查看评论信息从这里查看评论信息从这</div>
</div>
</div>
</body>
演示效果如下所示:
希望我的回答能令你满意
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>看</title>
</head>
<body>
<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="69%" height="105">了非改扩建阿飞的空手道林凤娇鉴定费道非斯蒂芬了非改扩建阿飞的空手道林凤娇鉴定费道非斯蒂芬的发送到发顺风士大夫是法师法是法士大夫松岛枫是道非斯蒂芬很健康了撒大黄蜂紧身裤东方红就开始疯狂了金山封圣诞节快放寒假康师傅了非改扩建阿飞的空手道林凤娇鉴定费道非斯蒂芬的发送到发顺风士大夫是法师法是法士大夫松岛枫是道非斯蒂芬很健康了撒大黄蜂紧身裤东方红就开始疯狂了金山封圣诞节快放寒假康师傅了非改扩建阿飞的空手道林凤娇鉴定费道非斯蒂芬的发送到发顺风士大夫是法师法是法士大夫松岛枫是道非斯蒂芬很健康了撒大黄蜂紧身裤东方红就开始疯狂了金山封圣诞节快放寒假康师傅的发送到发顺风士大夫是法师法是法士大夫松岛枫是道非斯蒂芬很健康了撒大黄蜂紧身裤东方红就开始疯狂了金山封圣诞节快放寒假康师傅</td>
<td width="31%">是道非斯蒂芬</td>
</tr>
</table>
</body>
</html>
比例自己调节就好了
因为table默认就是你说的这个效果