学习下中小企业网DIV结构形式：左列流动，右列自顺应的结构怎样计划更公道？ ...

显示全部楼层 · 发表于 2015-1-16 10:40:19

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

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

x

通常把清除浮动写成单独的
放在所有浮动div的最下方。

学习下中小企业网DIV结构形式：左列流动，右列自顺应的结构怎样计划更公道？ ...

如图的结构情势，是对照典范和最经常使用的了，尽年夜部分中小企业网都接纳这类结构款式。同时，这类情势也是进修DIV+CSS最基础的实习形式，不论今后做的站有何等庞大，最基础的框架都是这类情势的。本例中会商含头尾的左列流动、右列宽度自顺应的结构款式用DIV+CSS怎样完成？
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title></title><metahttp-equiv="content-type"content="text/html;charset=UTF-8"/><metaname="generator"content="editplus"/><metaname="author"content="Ariex"/><metaname="keywords"content=""/><metaname="description"content=""/><styletype="text/css">body{margin:0px;padding:0px;}#head{width:100%;height:100px;background-color:blue;margin:0px;padding:0px;}#mainContainer{width:100%;background-color:gold;}#left{float:left;width:200px;}#right{margin-left:200px;background-color:yellow;height:500px;}#foot{width:100%;height:100px;background-color:blue;margin:0px;padding:0px;}</style></head><body><divid="head">#head</div><divid="mainContainer"><divid="left">#left</div><divid="right">#right</div></div><divid="foot">#foot</div></body></html>
尺度之路www.ckuyun.com提醒：能够先修正部分代码后再运转
在原来的table基础上进行改版,几乎必须改变所有的内容注入渠道，实在是太过于麻烦。

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

[DIV+CSS] 学习下中小企业网DIV结构形式：左列流动，右列自顺应的结构怎样计划更公道？ ...

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

相关帖子