DIV+CSS布局规则真奇葩_html/css_WEB-ITnose
其实下面这几个属性最重要:
float:left; position:relative; top:0px; left:10%; width:30%;
float:left其实基准点,为左上角,这个应该比较常用,其实只这一种基本就能满足任何要求,只是其它方式可能特定的场合方便一些。
position:relative; 相对于父级或者上一个DIV的左上角来计算。
top 这个DIV相对于前个DIV的左上角Y坐标。
left 奇葩的计算方式,相对于前面DIV的宽度之和+这个值,才是自己的x坐标,而前面div的偏移无视。这就导致你必须知道前面div的x偏移和宽度才能正确定位。
right和bottom的值直接无视。那要这个属性干什么?就像一个控制面板,你不知道那个钮能用,那个钮不能用,但是都摆在那里。
子div的宽度和高度,默认和父级div相同,即使有x和y偏移,仍然倔强的伸出来,这父级根本包不住子div。
回复讨论(解决方案)
楼主明显对DIV+CSS带着点情绪在学习吧,你说的奇葩当然我并不认为是那样的,left的计算方式,当然只算自己的坐标就好了,为什么要算他父div的偏移呢?真这样弄的话,那才是真奇葩了呢。
我认为,DIV+CSS这个方式,慢慢的变主流的,table布局会越来越少见
楼主明显对DIV+CSS带着点情绪在学习吧,你说的奇葩当然我并不认为是那样的,left的计算方式,当然只算自己的坐标就好了,为什么要算他父div的偏移呢?真这样弄的话,那才是真奇葩了呢。
我认为,DIV+CSS这个方式,慢慢的变主流的,table布局会越来越少见
目测能准确说成div布局规则的人都不多,大家只不过调试一下能用就行了。
楼主明显对DIV+CSS带着点情绪在学习吧,你说的奇葩当然我并不认为是那样的,left的计算方式,当然只算自己的坐标就好了,为什么要算他父div的偏移呢?真这样弄的话,那才是真奇葩了呢。
我认为,DIV+CSS这个方式,慢慢的变主流的,table布局会越来越少见
DIV+CSS布局在于灵活,也更适用于网页的设计,楼主的所看的代码,是其网页里经常见到的,也经常用的
right和bottom的值直接无视。那要这个属性干什么?就像一个控制面板,你不知道那个钮能用,那个钮不能用,但是都摆在那里。
为什么不要呢,如果没个这个属性,那么我想将所有按钮的背景图放在一张图里面呢,你怎么设置背景呢?他每个属性都有他存在的意义,
现在我也没搞清楚, 用到什么布局再研究. 基本上, 网页这块, 就是乱七八糟, 真难为写浏览器的那些人了.
再加上各种浏览器不兼容, IE6以前还占有率特恐怖, 更苦了网页程序员了.
上一篇: 读取数据库代码
推荐阅读
-
DIV+CSS布局规则真奇葩_html/css_WEB-ITnose
-
转--div+css布局实例淘宝分析_html/css_WEB-ITnose
-
Div+CSS布局入门教程(三)_html/css_WEB-ITnose
-
div+css页面布局_html/css_WEB-ITnose
-
Div+CSS布局入门教程(四)_html/css_WEB-ITnose
-
HTML布局之计算器(div+css)_html/css_WEB-ITnose
-
Div+CSS布局入门教程(五)_html/css_WEB-ITnose
-
转--div+css布局实例淘宝分析_html/css_WEB-ITnose
-
div+css布局时的浏览器兼容问题_html/css_WEB-ITnose
-
Div+CSS布局入门教程(三)_html/css_WEB-ITnose