当前位置: 电脑软硬件应用网 > 设计学院 > 网络编程 > CSS教程 > 正文 |
|
|||
CSS教程实例:关于网页的两列布局 | |||
2009-7-6 18:51:46 文/网络收集 出处:网页教学网 | |||
贴一下Card的这个界面。 以前很少使用这类的总宽度自适应100%,两列布局,一列固定,一列自适应的,于是,有点头大。 //本文转自www.45its.com电脑软硬件应用网 搜索了下,得到如下结果 .left { width:180px; float:left } .right { } 可不用定义 但这样的话,就有几个问题: 1.在dw里面,right部分会延伸到整个屏幕,虽然在浏览器里是正确的,这样程序做起来可能会困惑。。 2.就是如果里面有不定义width的div存在,这个div就不会自动平铺背景,形成如下情况。 这让我一时摸不到头脑,感觉对css还是知之甚少。 最后只有在right的下面套一个100%的table 来解决这个事情。 今天早晨来了以后,问同事要了以前partime做的东西,打开研究了一下,发觉, 其实这个问题很好解决,上面的问题2也可以一并解决掉! 代码如下: .left { width:180px; float:left } .right{ margin:0 0 0 180px;} 其实就是简单的把right的 左边距设为left的宽度即可。唉。 我还是好好看看css基础的好。挫败感。 |
|||
最新热点 | 最新推荐 | 相关文章 | ||
CSS伪类选择器nth-child() css3教程:background属性调整增强 css教程:CSS3 Media Queries 详解 CSS 类名的长命名和短命名 CSS实例教程:非浮动区域设置宽度 如何使用css约束一个层不可见? CSS的list-style解释 小议使用“完整”的CSS的缺点 CSS中的相对定位与绝对定位详解 实例使用DIV+CSS制作圆角边框加阴影… |
关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 | |
Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号 |