二列div固定宽度_html/css_WEB-ITnose

二列div固定宽度:
建议:尽可能的手写代码,可以有效的提高学习效率和深度。
在div+css布局中经常会用到两列固定宽度的div,一般用来对页面的功能区域的划分。之前已经介绍了一列div固定宽度,下面简单介绍一下如何让两列div并列显示,并且宽度是固定的。其实原理很简单,就是给两个div以固定的宽度,然后让他们并列显示。代码:

  1. <span class="pun">蚂蚁部落</span>.left { width: 150px; height: 50px; background-color: green; float: left;} .right { width: 150px; height: 50px; background-color: blue; float: left;}
    我是左边
    我是右边

登录后复制

以上代码中使用float属性,让两个div在一行显示。点击可查看flaot属性介绍。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=4769

更多内容可以参阅:http://www.softwhy.com/divcss/

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

点点赞赏,手留余香

给TA打赏
共0人
还没有人赞赏,快来当第一个赞赏的人吧!
    编程技术

    Foundation 6 – 先进的响应式的前端开发框架_html/css_WEB-ITnose

    2025-3-29 10:12:05

    编程技术

    CSS如何设置选中文本的颜色_html/css_WEB-ITnose

    2025-3-29 10:12:19

    0 条回复 A文章作者 M管理员
    欢迎您,新朋友,感谢参与互动!
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    私信列表
    搜索