Rumah > hujung hadapan web > html tutorial > DIV+CSS布局为什么很少用绝对定位?_html/css_WEB-ITnose

DIV+CSS布局为什么很少用绝对定位?_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-24 12:12:58
asal
1317 orang telah melayarinya

例如下边的 绝对定位不是很好用吗?干嘛非得用 #id{float:left;}这样的浮动?可能是我觉得浮动不太好控制吧,当然 用绝对定位不是不可以的这我知道。可是为什么大都是用浮动的呢?<html> <title>无标题文档</title> <style type="text/css"> <!-- #apDiv1 {     position:absolute;     left:484px;     top:104px;     width:151px;     height:81px;     z-index:1; } --> </style> </head>  <body> <div id="apDiv1"></div> </body> </html>
Salin selepas log masuk


回复讨论(解决方案)

谁说很少用绝对定位?
另外如你所示的代码,并非所有的浏览器都兼容。
必须在body,html{position:relative;}即绝对定位的父级加position:relative;
否则照你的需求,得把 position:absolute;改成 position:fixed;

lan拉尼??楼主一看就是新手吧??浮动很好控制??你去问问那些老手 浮动是不是很好控制,潜在的问题 你搞不好找1个星期还没有找出来问题出在什么地方呢

也不是说很少,具体问题具体分析,看哪种更加简单使用,更容易解决兼容性
position:absolute; 最好为它相对位置的标签设置 position:relative

我不认为很少

受教了

用什么来布局不重要,重要的是使用要方便,
还得看你团队的习惯 或者 另外的什么需求。


楼主可以去下几个国外的xhtml + css 模板,很多都是用 position来布局的。

浏览器有差异

用绝对定位 你把屏幕分辨率改了 网页内的东西位置就偏移了

本人一直用绝对定位不用浮动,不过绝对定位会脱离文档流,不利于整页的布局,如果想做到页面根据内容自动伸长的话就不能用绝对定位了

看实际把,用固定偶尔会变样,浮动控制起来比较困难。

把定位研究透了,就应用自如了,static(默认) relative absolute fixed,用途还是很强的,

我基本用浮动,只有弹出层用定位

绝对位置最大的坏处就是当浏览器resize的时候需要重写很多代码。相对来说,绝对位置兼容性更好一些。

浮动的东西都不怎么好用,自己去看看。。

建议你看一看>高级web标准解决方案,里面对position的多种方式都有解释。绝对定位很好控制,但是一旦你改变了其中的布局,它就可能会盖住其他的元素,维护起来比较繁琐。想写一个好的页面,建议流体布局。

浮动布局后期比较好维护

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan