国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > 如何实现 CSS 两个 DIV 平行存放

如何实现 CSS 两个 DIV 平行存放

来源:程序员人生   发布时间:2014-04-07 18:20:25 阅读次数:3735次

  网(LieHuo.Net)教程 如何实现 CSS 两个 DIV 平行存放?

  先看css样式部分:

以下为引用的内容:
<style>
div {display:block; width:80px; height:22px; float:left;}
div.L {border-right:0px solid #f00;}
div.R {border-right:0px solid #aaa;border-left:0px solid #aaa; margin:0px 0px 0px -1px;}
</style>

  再来看HTML代码:

以下为引用的内容:
<div class="L">
test <br />
est <br />
est <br />
est <br />
est <br />
est <br />
est <br />
est
</div>


生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生