CSS基本教程：两列机关的实例代码

发布时间：2018-08-21 07:50:03 所属栏目：创业来源：站长网

导读：猛火网(LieHuo.Net)教程 css作为本日网页建造的首要说话，已经成为每个站长必学的对象，假如您还不会css，还在用dw建造table的网页，那么您的网站就也许无法获得有用的seo和其余机能优化，从而丢掉市

　　猛火网(LieHuo.Net)教程 css作为本日网页建造的首要说话，已经成为每个站长必学的对象，假如您还不会css，还在用dw建造table的网页，那么您的网站就也许无法获得有用的seo和其余机能优化，从而丢掉市场。本日猛火网小编给各人保举一篇基本教程，每位站长都可以看的懂，好手请飘过。

　　先看css部门：

　　上述css在HTML中的行使：

　　留意上面各层的宽度配置：242px + 702px = 944px < 950px 这个前提必然要满意。

　　再看演示：

<html> <head> <title>猛火网LIEHUO.NET,存眷站长,建树互联网！</title> </head> <style> #wrap { border:1px solid blue; margin:0 auto; overflow:hidden; /* 这里加上 overflow 属性，就可以不消添加破除浮动的代码了,使父容器可以或许包括住子层。 */ width:950px; /* 这里的宽度也要配置，而不要行使赏识器默认的自顺应宽度100% */ } #content { border:1px solid #C3CFEA; float:left; margin:10px 0; overflow:hidden; padding:10px 10px 15px; /* 留意这里的padding 配置 */ width:680px; /* 留意这儿的宽度，只是指层的内容区(content)的宽度。现实宽度为 680px + 10px(右补白) + 10px (左补白) + 1px (右边框) + 1px(左边框) = 702 px; */ } #sidebar { border:1px solid #FF0000; color:#FF0000; float:right; margin:10px 0; overflow:hidden; padding:0 10px 20px; width:220px; /*现实宽度为 220px + 10px + 10px + 1 + 1 = 242px */ } </style> <div id="wrap"> <div id="content"> content </div> <div id="sidebar"> sidebar </div> </div> </body> </html>
提醒：可修改儿女码再运行!

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

2021创业做什么好？低	香港虚拟主机，香港虚
《启航当风起时》起于	域名最网站至关重要如