|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。
网页制造poluoluo文章简介:CSS两列结构,右边流动,左边自顺应宽度.
CSS两列结构,右边流动,左边自顺应宽度<divstyle="width:90%;margin:0auto;">
<divstyle="width:200px;float:right;">这是右边的内容</div>
<divstyle="margin-right:210px;">这是左边的内容,自顺应宽度</div>
</div>CSS两列结构,左边流动,右边自顺应宽度<divstyle="width:90%;margin:0auto;">
<divstyle="width:150px;float:left;>这是左边的内容流动宽度</div>
<divstyle="margin-left:160px;>两头内容,自顺应宽度</div>
</div>CSS三列结构,摆布宽度流动,两头自顺应宽度<divstyle="width:90%;margin:0auto;">
<divstyle="width:200px;float:right;>这是右边的内容流动宽度</div>
<divstyle="width:150px;float:left;>这是左边的内容流动宽度</div>
<divstyle="margin-left:160px;margin-right:210px;>两头内容,自顺应宽度</div>
</div>三列等高结构<style>
*{margin:0;padding:0}
#content{overflow:hidden}
#content#left,#content#center,#content#right{margin-bottom:-10000px;padding-bottom:10000px;width:300px;float:left;}
#content#left{background:#f00;}
#content#center{background:#0ff}
#content#right{background:#f0f}
</style>
<divid="content">
<pid="left">left<br/>left<br/>left<br/>left<br/>left<br/>left</p>
<pid="center">center</p>
<pid="right">right</p>
</div></p>
最新版本html5+css3与2014年10月29日,万维网联盟宣布,经过几乎8年的艰辛努力,该标准规范终于最终制定完成。 |
|