在DW中用Div+CSS样式 进行相对定位留下的空白区域如何解决,去掉!

html-css09

在DW中用Div+CSS样式 进行相对定位留下的空白区域如何解决,去掉!,第1张

这个是css中理解的一个错误认识,在w3c标准中式这样说的,大概意思是

相对定位和绝对定位区别:

都可以设置位置top,left..等属性,但是相对定位是不脱离文档流的,所以占有原来的位置,无论怎么定位,原来占有的地方依然不能被利用,相反绝对定位是脱离的文档流的。

相对定位一般只用于给后代元素提供一个“框架”参考,基本和绝对元素没有太多差别

所以最佳解决方法是,最初就用绝对定位来代替相对定位。其后代元素也是可以用这个元素作为参考的。

position:relative  换做position:absolute

1、首先在电脑中打开DW,输入“img”按“tab”键,如下图所示。

2、然后在图片位置按空格,选择“浏览”,如下图所示。

3、接着在弹出窗口中,找到要插入到DW软件中的图片文件,如下图所示。

4、最后点击确定,稍等一下,即可加载出图片,如下图所示就完成了。

要设置文字css目标规则名称为.f,可以在css文件中添加以下代码:

.f {

/* 这里填写目标规则的样式属性 */

}

例如,可以设置.f元素的字体大小为18px,字体颜色为红色:

.f {

font-size: 18px

color: red

}

在html代码中,可以使用class属性为.f的元素应用该样式规则,例如:

<p class="f">这是一段带有.f类的段落文本</p>

可以通过查看页面渲染效果来验证该规则是否生效。