当前位置:编程学习 > html/css >>

CSS 在一个大的DIV里面,另一个DIV怎么居中并置底。

以下是代码: <body style="margin:0px;"> <div style="float: left;height:80px;width:100%;background: url('../images/0_2.gif');"> <div style="float: left;height:80px;width:348px;background: url('../images/0_1.gif');"></div> <div style="float:inherit;"> 就是这个DIV怎么居中并置底!</div> <div style="float: right;height:80px;width:133px;background: url('../images/0_3.gif');"></div> </div>
补充:求指导啊 啊啊
追问:你的办法可以置底  但是不能居中文字是可以居中了,但我在这个DIV里面插了一个表格,这句话加上去还是没有反应。你的可以居中  但是不能置底
答案:大概了解你意思,很简单,
<body style="margin:0px;">
<div style="float: left;height:80px;width:100%;background: url('../images/0_2.gif');">
	<div style="float: left;height:80px;width:348px;background: url('../images/0_1.gif');"></div>
      	<div style="float:inherit; float: left; height:20px; line-height:20px; padding-top:60px;"> 就是这个DIV怎么居中并置底!</div>
<div style="float: right;height:80px;width:133px;background: url('../images/0_3.gif');"></div>
</div>
其他:<body style="margin:0px auto;;padding:0px;">
<div style="float:left;height:80px;width:100%;background: url('../images/0_2.gif');">
	<div style="float:left;height:80px;width:348px;background: url('../images/0_1.gif');"></div>   	
	<div style="float:right;height:80px;width:133px;background: url('../images/0_3.gif');"></div>
</div>
<div style="text-align:centr; width:auto; margin-left:40%"> 就是这个DIV怎么居中并置底!</div>
</body> <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
	* div{ border:1px solid #006600; margin-top:2px; margin-left:2px;}
</style>
</head>

<body>
	<div style="height:410px; width:600px;">
		<div style="height:300px; width:590px;">
			<div style="height:290px; width:290px; float:left;">左</div>
			<div style="height:290px; width:290px; float:left;">右</div>
		</div>
		<div style="height:100px; width:290px; float:left; margin-left:140px;">居中并置底</div>
	</div>
</body>
</html>
如果可以,记得给最佳哦 <!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=gb2312" />
<title>无标题文档</title>
<style type="text/css">
	* div{ border:1px solid #006600; margin-top:2px; margin-left:2px;}
</style>
</head>

<body>
	<div style="height:410px; width:600px; margin:0 auto;">
		<div style="height:300px; width:590px;">
			<div style="height:290px; width:290px; float:left;">左</div>
			<div style="height:290px; width:290px; float:left;">右</div>
		</div>
		<div style="height:100px; width:290px; margin:0 auto;">居中并置底</div>
	</div>
</body>
</html> 

上一个:表格立体感用CSS怎么写 我要 具体代码 写仔细 分段的 谢谢 了 兄弟 还有 下拉列表框 立体感用CSS 怎么写
下一个:ASP.NET+AJAX+SQL+table+CSS+DIV

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,