使用层定位,选择“查看——防止层交错”,然后就通过插入层来定位不要同时使用表格和层定位,那样你的网页可真的不成样子了最后为了网页对不同浏览器的兼容性,你可以把层转化成表格排版/将层转化成表格。
另外在对不同浏览器的兼容方面, Dreamweaver 作得不错,但绝不意味用 Dreamweaver 作出的网页在 IE 和 Netscape 中完全一样。通常情况下,用不同的浏览器浏览同一个网页的外观不可能完全一样,这是不同厂家的浏览器本身决定的。 一般要尽量注意以下问题: 不要混合使用层和表格排版,如果是父子关系,如层中表格,不在此原则范围内; 内联式的 CSS 在 Netscape Navigator 中经常会出现问题,使用链式或内嵌式; 有时需要在空层插入表格或者透明图片,以保证在 Netscape Navigator 里的效果。对于只有几个像素宽度或高度的层,改用图片来实现;避免使用 W3C 组织不推荐的排版属性,用 CSS 代替。
通常情况下,用不同的浏览器浏览同一个网页的外观不可能完全一样,这是不同厂家的浏览器本身决定的。一般要尽量注意以下问题:不要混合使用层和表格排版,如果是父子关系,如层中表格,不在此原则范围内;内联式的 CSS 在 Netscape Navigator 中经常会出现问题,使用链式或内嵌式;有时需要在空层插入表格或者透明图片,以保证在 Netscape Navigator 里的效果。对于只有几个像素宽度或高度的层,改用图片来实现;
html文档流布局的特点?
html布局的常见类型有哪些?html中的布局方式有三种:流动布局、浮动布局以及层模型,html的这三种布局各有个的特点,本篇文章就给大家简单的说说html的三种布局方式的特点。1、流动布局(html网页默认的布局方式)
特点:
1、块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,因为在默认状态下,块状元素的宽度都为100%。
2、内联元素都会在所处的包含元素内从左到右水平分布显示。(内联元素可不像块状元素这么霸道独占一行)
2、浮动布局(float)
特点:默认布局下,块状元素这么霸道都是独占一行,如果现在大家想让两个块状元素并排显示。就需要使用float来实现。
如下
3、层模型
特点:如果偶想一个div在另外一个div的上面,大家就需要可以使用绝对定位来完成,层模型的三种定位方式relative、absolute、fixed
绝对定位(absolute)
需要设置position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,
然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。
如果不存在这样的包含块,则相对于body元素,即相对于浏览器窗口。
相对定位(relative)
如果想为元素设置层模型中的相对定位,需要设置position:relative(表示相对定位),
它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。
相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来),
然后相对于以前的位置移动,移动的方向和幅度由left、right、top、bottom属性确定,偏移前的位置保留不动。
固定定位(fixed)
fixed:表示固定定位,与absolute定位类型类似,
但它的相对移动的坐标是视图(屏幕内的网页窗口)本身。
由于视图本身是固定的,它不会随浏览器窗口的滚动条滚动而变化,
除非你在屏幕中移动浏览器窗口的屏幕位置,或改变浏览器窗口的显示大小,
因此固定定位的元素会始终位于浏览器窗口内视图的某个位置,不会受文档流动影响,
background-attachment:fixed;属性功能相同。
css的四种引用的方式?
CSS有四种引入方式:1、使用“<link href="css文件地址">”引入css样式;2、使用“@import"css文件地址"”引入css样式;3、在style标签里写css样式;4、在元素标签里使用style属性写css样式。
(1)链接式 : 在网页的<head></head>标签对中使用<link>标记来引入外部样式表文件,使用html规则引入外部css (用得比较多) :
(2)导入式 : 将一个独立的.css文件引入HTML文件中,导入式使用CSS规则引入外部CSS文件。
(3)内联css文件,直接在header 里面写css。
(4) 直接在标签里面写样式