xhtml+css实践中,margin值为负数的理解
2008-07-13 12:08
375 查看
之前没有认真研究过这个问题,今天终于弄明白了,一般来说,拿div来做比方,一个块级元素的MARGIN一般我们设置成正数,这个时候MARGIN的大小是从BORDER边框外围线开始向外扩展算的,而当设置成为负数的时候,则是像内扩展算的,如果对于行内元素,要是该行内元素要紧跟一个元素的时候,则,水平方向上,它的位置将在MARGIN扩展的终点边框开始。
代码:
<div style="margin-right:-100px; background-color:#CCCCCC; width:200px;">1</div>
代码:
<div style="margin-right:-100px; background-color:#CCCCCC; height:100px; width:200px; float:left;"></div>
<div style="width:150px; float:left; background-color:#0033CC; height:100px;">
<div style=" background-color:#CCCCCC; height:100px; width:200px; float:left;"></div>
<div style="width:150px; float:left; background-color:#0033CC; height:100px;">
代码:
<div style="margin-right:-100px; background-color:#CCCCCC; width:200px;">1</div>
代码:
<div style="margin-right:-100px; background-color:#CCCCCC; height:100px; width:200px; float:left;"></div>
<div style="width:150px; float:left; background-color:#0033CC; height:100px;">
<div style=" background-color:#CCCCCC; height:100px; width:200px; float:left;"></div>
<div style="width:150px; float:left; background-color:#0033CC; height:100px;">
相关文章推荐
- css-深入理解margin和padding
- CSS深入理解之margin
- 学习web开发,理解HTML,XHTML,XML,CSS,JS等技术的关系后,眼界会更宽(pu...
- CSS 关于IE6 margin 为负数 负值的时候 正常显示的方法
- DIV+CSS和XHTML+CSS的理解比较
- 关于DIV+CSS和XHTML+CSS的理解
- CSS中关于margin的理解误区
- CSS 负margin 以及 -100%的理解和3列式左右排版理解
- CSS 关于IE6 margin 为负数 负值的时候 正常显示的方法
- CSS的margin理解和总结
- 正确理解CSS中的margin合并
- 深入理解css中的margin属性
- css中的margin的负数问题
- CSS深入理解之margin
- CSS深入理解之margin
- CSS中margin和padding 的理解--学习笔记
- 深入理解css中的margin属性
- sanlyShi的前端之路三:css中position,margin、padding细节理解
- HTML与CSS入门——第三章 理解HTML和XHTML的关系