DIV教程之CSS结构中自顺应高度的办理办法

显示全部楼层 · 发表于 2015-1-16 00:26:52

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

一个样式规则由一个选择器后跟一个声明块组成，声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。
　　这是div+CSS结构中常常会碰着的基本成绩，团体以为接纳背景图添补的办法，仍是对照复杂和实在可行的。最后的效果。
　　CSS源代码:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><scriptsrc="http://www.google-analytics.com/urchin.js"type="text/javascript"></script><scripttype="text/javascript">_uacct="UA-152060-1";urchinTracker();</script> <title>DIV+CSS排版中自顺应高度的办理办法</title> <styletype="text/css">  </style></head><body><divid="layout"><divid="sider"><pre> body{background:#EDEDED;font-size:70%;font-family:Arial,Helvetica,sans-serif;line-height:130%;color:#666666;margin:0;padding:0;text-align:center; }#layout{width:760px;w/idth:740px;margin:10pxauto;border:solid10px#999999;border-bottom:solid9px#999999;background:url(bg.gif)#FFFFFFrepeat-yleft;text-align:left; }#sidel{float:left;width:190px; }#sider{float:right;width:540px; }pre{padding:10px;margin:0; }.clear{background:#999999;clear:both;height:1px;overflow:hidden; }</pre></div><divid="sidel"><pre>#sidel{float:left;width:190px;} #sider{float:right;width:540px;} pre{padding:10px;margin:0;} .clear{background:#999999;clear:both;height:1px;overflow:hidden;}</pre></div><divclass="clear"></div></div><ahref="http://www.jztop.com/web/">前往网页陶吧</a></body></html>
</p>
Table布局灵活性不大，你只能遵循tabletrtd的格式。而div你可以divulli也可以olli还可以ulli……但标准语法最好有序的写。

		自动登录	找回密码
密码			立即注册

[DIV+CSS] DIV教程之CSS结构中自顺应高度的办理办法

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子