CSS论坛 - Powered by Discuz! Board

标题: div嵌套后为什么后面的div内容会居中显示?谢谢 [打印本页]

作者: debmzhang 时间: 2011-9-29 18:05 标题: div嵌套后为什么后面的div内容会居中显示?谢谢

小弟初学,望高手们指点下:
一个页面,我使用div+css 布局,div嵌套的方式,但后来嵌套进来的东东会居中显示,有点闷了...
css内容:
/*基本信息*/
body{
text-align:center;
margin:auto;
background:url("../Public/img/bg.jpg") repeat;
}
/*页面层容器*/
#container{
width:1024px;
height:768px;
margin:auto;
background:red;
}
/*页面头部_banner*/
#banner{
width:1024px;
height:172px;
background:url("../Public/img/logo.jpg") no-repeat;
}
/*页面头部_导航*/
#nav{
width:1024px;
height:40px;
font:bold;
color:#ffffff;
background:url("../Public/img/nav_bg.jpg") repeat;
margin:auto;
overflow:hidden;
}
/*左侧部分*/
#nav_left{
width:200px;
height:556px;
background:green;
text-align:left;
}
/*主要内容(中间部分)*/
#content{
width:700px;
height:556px;
background:yellow;
}

页面内容:
<body>
<div id="container">
  <div id="banner">
  </div>
   <div id="nav">
  ...
....
   </div>
   <div id="nav_left">
   </div>
   <div id="content">
   </div>
</div>
</body>

页面显示是这样的

作者: debmzhang 时间: 2011-9-29 18:31

float:left
哇哈哈

作者: guanwudou 时间: 2011-9-29 23:05

提示: 作者被禁止或删除内容自动屏蔽

作者: sara_tao 时间: 2011-10-1 10:14

你说的是有……内容的那块区域内的吗？你只需要添加一个样式即可：text-align:left/center/right;因为div内容默认的对齐方式是center；希望能帮到你！

作者: llz0513 时间: 2011-10-26 10:24

学习下

作者: budeliao1 时间: 2011-11-10 10:37

一对80岁的夫妇想要个孩子。他们去医生那里咨询，医生表示是可能的，并给这对夫妇一个瓶子，让他们采集精子和卵子然后医生来给他们人工授精。第二天，夫妇俩把一个空瓶子还给了医生。医生奇怪的问到：怎么了。老人回答：昨天我们一回家就开始了，我先是用自己的手弄，但没效果，然后我夫人用她的手帮我，也没用，于是她又用她的嘴，后来她手口并用，连牙都用上了，可我就是就是……“就是无法勃起是吗？”医生问到。

“不是”老人回答“我就是打不开这个瓶子盖！”

健康jin网
健康jin的方法
快速健康jin方法
最健康的jin方法
健康jin最有效方法
快速健康jin
健康jin法
健康有效的jin方法
怎样健康jin
21天jin法第二阶段
蜂蜜和白醋jin法
苹果牛奶jin法
苹果酸奶jin法
苹果jin法有效吗
蜂蜜加醋jin法
醋和蜂蜜jin法
蜂蜜白醋jin法
蜂蜜jin

作者: zhecool520 时间: 2011-11-10 11:11

因为你body整体内容定义的呃是居中如想要div内容靠左text-align:left; 就行让div偏左float:left; 就ok了

欢迎光临 CSS论坛 (http://www.divcss5.com/bbs/)