二列div固定宽度_html/css_WEB-ITnose
程序员文章站
2022-04-01 20:20:07
...
二列div固定宽度:
建议:尽可能的手写代码,可以有效的提高学习效率和深度。
在div+css布局中经常会用到两列固定宽度的div,一般用来对页面的功能区域的划分。之前已经介绍了一列div固定宽度,下面简单介绍一下如何让两列div并列显示,并且宽度是固定的。其实原理很简单,就是给两个div以固定的宽度,然后让他们并列显示。代码:
建议:尽可能的手写代码,可以有效的提高学习效率和深度。
在div+css布局中经常会用到两列固定宽度的div,一般用来对页面的功能区域的划分。之前已经介绍了一列div固定宽度,下面简单介绍一下如何让两列div并列显示,并且宽度是固定的。其实原理很简单,就是给两个div以固定的宽度,然后让他们并列显示。代码:
蚂蚁部落 我是左边我是右边
以上代码中使用float属性,让两个div在一行显示。点击可查看flaot属性介绍。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=4769
更多内容可以参阅:http://www.softwhy.com/divcss/
推荐阅读
-
css中position:fixed实现div居中_html/css_WEB-ITnose
-
div居中问题_html/css_WEB-ITnose
-
子div高度适应固定父div_html/css_WEB-ITnose
-
CSS 圆角 div_html/css_WEB-ITnose
-
div+CSS绝对定位absolute属性_html/css_WEB-ITnose
-
html css 控制div或者table等固定在指定位置
-
实现一个三列布局(左右侧固定,中间自适应宽度)_html/css_WEB-ITnose
-
Codeforces Round #279 (Div. 2) 解题报告_html/css_WEB-ITnose
-
CSS实现的兼容所有浏览器的div悬浮在网页一侧的代码_html/css_WEB-ITnose
-
"margin塌陷现象"div盒子嵌套盒子外边距合并现象_html/css_WEB-ITnose