DIV+CSS布局规则真奇葩_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了DIV+CSS布局规则真奇葩_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2119字，纯文字阅读大概需要4分钟。

内容图文

今天刚接触这个东西，看了N多网页，都说不清楚，自己实验总结了一下，当然不全面，但是感觉真奇特：

其实下面这几个属性最重要：

	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所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---