CSS论坛's Archiver

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>


页面显示是这样的
[img]http://s16.sinaimg.cn/middle/748fd418t77ce902d556f&690[/img]

debmzhang 发表于 2011-9-29 18:31

float:left
哇哈哈 :lol

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

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


[url=http://www.docin.com/p-84496910.html][color=white]健康jin网[/color][/url]   
[url=http://www.docin.com/p-84496811.html][color=white]健康jin的方法[/color][/url]  
[url=http://www.docin.com/p-84498398.html][color=white]快速健康jin方法[/color][/url]  
[url=http://www.docin.com/p-84509553.html][color=white]最健康的jin方法[/color][/url]  
[url=http://www.docin.com/p-84497004.html][color=white]健康jin最有效方法 [/color][/url]  
[url=http://www.docin.com/p-84498045.html][color=white]快速健康jin [/color][/url]   
[url=http://www.docin.com/p-84478346.html][color=white]健康jin法[/color][/url]  
[url=http://www.docin.com/p-84497240.html][color=white]健康有效的jin方法[/color][/url]  
[url=http://www.docin.com/p-84508773.html][color=white]怎样健康jin[/color][/url]   
[url=http://www.docin.com/p-84489168.html][color=white]21天jin法第二阶段[/color][/url]  
[url=http://www.docin.com/p-84491999.html][color=white]蜂蜜和白醋jin法[/color][/url]  
[url=http://www.docin.com/p-84503670.html][color=white]苹果牛奶jin法 [/color][/url]  
[url=http://www.docin.com/p-84503817.html][color=white]苹果酸奶jin法[/color][/url]  
[url=http://www.docin.com/p-84503562.html][color=white]苹果jin法有效吗 [/color][/url]   
[url=http://www.docin.com/p-84492096.html][color=white]蜂蜜加醋jin法[/color][/url]  
[url=http://www.docin.com/p-84491758.html][color=white]醋和蜂蜜jin法 [/color][/url]  
[url=http://www.docin.com/p-84491912.html][color=white]蜂蜜白醋jin法[/color][/url]  
[url=http://www.docin.com/p-84493060.html][color=white]蜂蜜jin[/color][/url]

zhecool520 发表于 2011-11-10 11:11

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

页: [1]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.