1、
系统提供
下列样式代码中,可将元素的定位模式设置为固定定位的是( )。
修改
- position:absolute;
- position:static;
- position:fixed;
- position:relative;
参考答案:
C
答案解析:
当position属性的取值为fixed时,即可将元素的定位模式设置为固定定位。
2、
系统提供
下列选项中,属于overflow属性默认值的是( )。
修改
- visible
- hidden
- auto
- scroll
参考答案:
A
答案解析:
visible:内容不会被修剪,会呈现在元素框之外(默认值)
hidden:溢出内容会被修剪,并且被修剪的内容是不可见的
auto:在需要时产生滚动条,即自适应所要显示的内容
scroll:溢出内容会被修剪,且浏览器会始终显示滚动条
3、
系统提供
下列样式代码中,可实现元素的溢出内容被修剪,且被修剪的内容不可见的是( )
修改
- overflow:visible;
- overflow: hidden;
- overflow: auto;
- overflow: scroll;
参考答案:
B
答案解析:
overflow属性的常用值有四个,分别表示不同的含义:
visible:内容不会被修剪,会呈现在元素框之外(默认值)。
hidden:溢出内容会被修剪,并且被修剪的内容是不可见的。
auto:在需要时产生滚动条,即自适应所要显示的内容。
scroll:溢出内容会被修剪,且浏览器会始终显示滚动条。
4、
系统提供
下列样式代码中,可以实现相对定位模式的是( )
修改
- position: static;
- position: fixed;
- position: absolute;
- position: relative;
参考答案:
D
答案解析:
position属性的常用值有四个,分别表示不同的定位模式:
static:自动定位(默认定位方式)。
relative:相对定位,相对于其原文档流的位置进行定位。
absolute:绝对定位,相对于其上一个已经定位的父元素进行定位。
fixed:固定定位,相对于浏览器窗口进行定位。
5、
系统提供
清除子元素浮动对父元素的影响,需要对( )应用“overflow:hidden;”样式。
修改
- 浮动元素的父级元素
- 浮动元素本身
- 浮动元素子级元素
- 空标记
参考答案:
A
答案解析:
对父元素应用“overflow:hidden;”样式,可以清除子元素浮动对父元素的影响。
6、
系统提供
关于静态定位的描述,下列说法正确的是( )。
修改
- 静态定位是元素的默认定位方式。
- position属性的取值为static时,可以将元素定位于静态位置。
- 所谓静态位置就是各个元素在HTML文档流中默认的位置。
- 任何元素在默认状态下都会以静态定位来确定自己的位置。
参考答案:
[ "A", "B", "C", "D" ]
答案解析:
无
7、
系统提供
在CSS中,clear属性用于清除浮动。下列属于clear常用属性值的是( )
修改
- left
- right
- both
- center
参考答案:
[ "A", "B", "C" ]
答案解析:
clear属性的常用值有三个,分别表示不同的含义:
left:不允许左侧有浮动元素(清除左侧浮动的影响)。
right:不允许右侧有浮动元素(清除右侧浮动的影响)。
both:同时清除左右两侧浮动的影响。
8、
系统提供
在CSS中,可以通过float属性为元素设置浮动,以下属于float属性值的是( )
修改
- left
- center
- right
- none
参考答案:
[ "A", "C", "D" ]
答案解析:
常用的float属性值有三个,分别表示不同的含义:
left:元素向左浮动
right:元素向右浮动
none:元素不浮动(默认值)
9、
系统提供
关于元素的固定定位,下列说法正确的是( )。
修改
- "position:fixed;"样式可将元素的定位模式设置为固定定位
- 所有的浏览器都支持固定定位
- 固定定位后,元素将脱离标准文档流的控制
- 固定定位以浏览器窗口作为参照物来定义网页元素
参考答案:
[ "A", "C", "D" ]
答案解析:
由于IE6不支持固定定位,因此,固定定位在实际工作中较少使用。
10、
系统提供
关于元素的静态定位模式,下列说法正确的是( )
修改
- 静态定位是元素的默认定位方式。
- 当position属性的取值为static时,可以将元素定位于静态位置。
- 静态定位时各个元素在HTML文档流中默认的位置。
- 可以通过边偏移属性来改变静态定位元素的位置。
参考答案:
[ "A", "B", "C" ]
答案解析:
在静态定位状态下,无法通过边偏移属性(top、bottom、left或right)来改变元素的位置。
11、
系统提供
下列样式代码中,可用于清除浮动的是( )
修改
- overflow:hidden;
- overflow: visible;
- clear:both;
- clear:center;
参考答案:
[ "A", "C" ]
答案解析:
常用的清除浮动的方法:
clear属性(其取值可为left、right、both)
空标记清除浮动
overflow属性清除浮动
after伪对象清除浮动
12、
系统提供
position属性用于定义元素的定位模式,下列属于position属性常用属性值的是( )
修改
- static
- relative
- absolute
- fixed
参考答案:
[ "A", "B", "C", "D" ]
答案解析:
position属性的常用值有四个,分别表示不同的定位模式:
static:自动定位(默认定位方式)。
relative:相对定位,相对于其原文档流的位置进行定位。
absolute:绝对定位,相对于其上一个已经定位的父元素进行定位。
fixed:固定定位,相对于浏览器窗口进行定位。
13、
系统提供
下列关于相对定位的说法正确的是( )。
修改
- 相对定位的元素不会脱离文档流
- left、right、top和bottom属性与margin属性混合使用会产生累加效果
- 相对定位的元素不影响正常页面流中的其他元素
- 以上说法都正确
参考答案:
[ "A", "B", "C", "D" ]
答案解析:
考察相对定位的理解。
14、
系统提供
关于“overflow:hidden”清除浮动,下列描述正确的是( )。
修改
- 需要添加相应的空标记。
- 该方法弥补了空标记清除浮动的不足。
- 需要设置父元素的高度。
- 需要对浮动元素的父级元素应用"overflow:hidden;"样式。
参考答案:
[ "B", "D" ]
答案解析:
考察overflow属性清除浮动。
15、
系统提供
关于元素的绝对定位模式,下列说法正确的是( )
修改
- "position: absolute;"可以将元素的定位模式设置为绝对定位。
- 绝对定位的元素将脱离标准文档流的控制。
- 绝对定位的元素将不再占据标准文档流中的空间。
- 绝对定位与相对定位的效果完全相同。
参考答案:
[ "A", "B", "C" ]
答案解析:
绝对定位的元素将脱离标准文档流的控制,不再占据标准文档流中的空间。相对定位与绝对定位是两种不同的定位方式,相对定位是将元素相对于他在标准文档流中的位置进行定位,对元素设置相对定位后,可以通过边偏移属性改变元素的位置,但是他在文档流中的位置仍然保留。
16、
系统提供
下列选项中,可以作为空标记清除元素浮动的是( )。
修改
- div
- p
- hr
- h1
参考答案:
[ "A", "B", "C", "D" ]
答案解析:
在浮动元素之后添加空标记,并对该标记应用“clear:both”样式,可清除元素浮动所产生的影响,这个空标记可以为<div>、<p>、<hr />等任何标记。
17、
系统提供
下列选项中,关于绝对定位的说法正确的是( )。
修改
- 父级定位时,绝对定位参照父元素进行定位
- 父级没有定位时,则依据body根元素(浏览器窗口)进行定位
- 元素绝对定位后,就会脱离标准文档流的控制,不再占据标准文档流中的空间
- 以上说法都正确
参考答案:
[ "A", "B", "C", "D" ]
答案解析:
绝对定位是将元素依据最近的已经定位(绝对、固定或相对定位)的父元素进行定位,若所有父元素都没有定位,则依据body根元素(浏览器窗口)进行定位。元素绝对定位后,就会脱离标准文档流的控制,不再占据标准文档流中的空间。
18、
系统提供
关于元素的相对定位模式,下列说法正确的是( )
修改
- 相对定位是将元素相对于他在标准文档流中的位置进行定位。
- 当position属性的取值为absolute时,可以将元素定位于相对位置。
- 可通过边偏移属性改变相对定位元素的位置。
- 应用相对定位后,元素在文档流中的位置将消失。
参考答案:
[ "A", "C" ]
答案解析:
当position属性的取值为relative时,可以将元素定位于相对位置。
对元素设置相对定位后,可以通过边偏移属性改变元素的位置,但是它在文档流中的位置仍然保留。
19、
系统提供
overflow属性用于规范溢出内容的显示方式,下列属于overflow常用属性值的是( )
修改
- visible
- hidden
- auto
- scroll
参考答案:
[ "A", "B", "C", "D" ]
答案解析:
overflow属性的常用值有四个,分别表示不同的含义:
visible:内容不会被修剪,会呈现在元素框之外(默认值)。
hidden:溢出内容会被修剪,并且被修剪的内容是不可见的。
auto:在需要时产生滚动条,即自适应所要显示的内容。
scroll:溢出内容会被修剪,且浏览器会始终显示滚动条。
20、
系统提供
下列关于绝对定位的说法正确的是( )。
修改
- 绝对定位的元素脱离文档流,偏移不影响文档流中的其它元素
- left、right、top和bottom属性与margin属性混合使用会产生累加效果
- 绝对定位的元素以最近的定位父元素为参照物
- 以上说法都正确
参考答案:
[ "A", "C" ]
答案解析:
绝对定位的元素脱离文档流,偏移不影响文档流中的其它元素,left、right、top和bottom属性与margin属性混合使用,偏移方向相同值累加,方向相反,margin属性值无效。绝对定位的元素以最近的定位父元素为参照物。
21、
系统提供
下列样式代码中,可精确定义元素位置的是( )
修改
- .special{ position: absolute;}
- .special{ position: absolute; top:20px; left:16px;}
- .special{ position: relative;; top:20px; left:16px;}
- .special{ position: relative;}
参考答案:
[ "B", "C" ]
答案解析:
定位模式(position)仅仅用于定义元素以哪种方式定位,并不能确定元素的具体位置,在CSS中,通过边偏移属性top、bottom、left或right,来精确定义定位元素的位置。
22、
系统提供
关于元素的浮动及清除浮动,下列说法正确的是( )
修改
- 浮动元素可能会对页面中其他元素的排版产生影响。
- clear属性可用于清除浮动。
- clear属性能够清除子元素浮动对父元素的影响。
- overflow属性可用于清除浮动。
参考答案:
[ "A", "B", "D" ]
答案解析:
由于浮动元素不再占用原文档流的位置,所以他会对页面中其他元素的排版产生影响。
clear属性只能清除元素左右两侧浮动的影响。
对元素应用“overflow:hidden;”样式,可以清除浮动对该元素的影响。
23、
系统提供
边偏移属性用于精确定义定位元素的位置。下列属于边偏移属性的是( )
修改
- center
- position
- bottom
- left
参考答案:
[ "C", "D" ]
答案解析:
在CSS中,通过边偏移属性top、bottom、left或right,来精确定义定位元素的位置。
24、
系统提供
使用after伪对象清除浮动时,通常需要设置的属性是( )。
修改
- height
- width
- content
- clear
参考答案:
[ "A", "C", "D" ]
答案解析:
使用after伪对象清除浮动时需要注意以下两点:
(1)必须为需要清除浮动的元素伪对象设置“height:0;”样式,否则该元素会比其实际高度高出若干像素。
(2)必须在伪对象中设置content属性,属性值可以为空,如“content: "";”。
示例如下:
.father:after{ /*对父元素应用after伪对象样式*/
display:block;
clear:both;
content:"";
visibility:hidden;
height:0;
}
25、
系统提供
z-index属性用于调整重叠定位元素的堆叠顺序。( )
修改
- 对
- 错
参考答案:
对
答案解析:
在CSS中,要想调整重叠定位元素的堆叠顺序,可以对定位元素应用z-index层叠等级属性。z-index属性仅对定位元素生效。
26、
系统提供
所有的浏览器都支持固定定位。( )
修改
- 对
- 错
参考答案:
错
答案解析:
由于IE6不支持固定定位,因此,固定定位在实际工作中较少使用。
27、
系统提供
当position属性的取值为fixed时,可以将元素定位于静态位置。( )
修改
- 对
- 错
参考答案:
错
答案解析:
当position属性的取值为static时,可以将元素定位于静态位置。
28、
系统提供
对元素设置绝对定位模式后,可以通过边偏移属性left和top改变它的位置。( )
修改
- 对
- 错
参考答案:
对
答案解析:
对元素设置绝对定位模式后,可以通过边偏移属性left和top改变它的位置。
29、
系统提供
使用after伪对象也可以清除浮动,但是该方法只适用于IE6及以上版本浏览器和其他非IE浏览器。( )
修改
- 对
- 错
参考答案:
错
答案解析:
使用after伪对象清除浮动,但是该方法只适用于IE8及以上版本浏览器和其他非IE浏览器。
30、
系统提供
对元素应用相对定位后,它在文档流中的位置将消失。( )
修改
- 对
- 错
参考答案:
错
答案解析:
对元素设置相对定位后,可以通过边偏移属性改变元素的位置,但是它在文档流中的位置仍然保留。
31、
系统提供
不可以通过边偏移属性更改相对定位元素的位置。( )
修改
- 对
- 错
参考答案:
错
答案解析:
对元素设置相对定位后,可以通过边偏移属性改变元素的位置。
32、
系统提供
对元素应用“overflow:visible;”样式,可清除浮动对该元素的影响。( )
修改
- 对
- 错
参考答案:
错
答案解析:
对元素应用“overflow:hidden;”样式,可以清除浮动对该元素的影响。
33、
系统提供
z-index属性可设置标准流中所有重叠元素的堆叠顺序。( )
修改
- 对
- 错
参考答案:
错
答案解析:
z-index属性仅对定位元素生效。
34、
系统提供
当盒子内的元素超出盒子自身的大小时,内容一般会溢出。( )
修改
- 对
- 错
参考答案:
对
答案解析:
盒子内的元素超出盒子自身的大小时,内容就会溢出(IE6除外),这时如果想要规范溢出内容的显示方式,就需要使用overflow属性。
35、
系统提供
固定定位是以浏览器窗口作为参照物来定义网页元素的。( )
修改
- 对
- 错
参考答案:
对
答案解析:
固定定位是绝对定位的一种特殊形式,它是以浏览器窗口作为参照物来定义网页元素。
36、
系统提供
当对元素应用绝对定位后,其在标准流中位置将保持不变。( )
修改
- 对
- 错
参考答案:
错
答案解析:
当对元素应用绝对定位后,脱离了标准文档流的控制,不再占据标准文档流中的空间。
37、
系统提供
overflow属性值为hidden时,表示溢出内容会被修剪,并且被修剪的内容不可见。( )
修改
- 对
- 错
参考答案:
对
答案解析:
无
38、
系统提供
应用了“float:right;”样式的元素将向右侧浮动。( )
修改
- 对
- 错
参考答案:
对
答案解析:
float属性的 “right”与“left”属性值的用法相同但方向相反,应用了“float:right;”样式的元素将向右侧浮动。
39、
系统提供
当position属性的取值为relative时,可以将元素定位于相对位置。( )
修改
- 对
- 错
参考答案:
对
答案解析:
position属性的取值为relative时,可以设置元素的相对定位。
40、
系统提供
静态定位是元素的默认定位方式。( )
修改
- 对
- 错
参考答案:
对
答案解析:
元素的默认定位方式是静态定位。
41、
系统提供
当position属性的取值为absolute时,可以将元素的定位模式设置为绝对定位。( )
修改
- 对
- 错
参考答案:
对
答案解析:
position属性的取值为absolute时,可以设置元素的绝对定位。
42、
系统提供
设置了浮动属性的元素会脱离标准文档流的控制。( )
修改
- 对
- 错
参考答案:
对
答案解析:
所谓元素的浮动是指设置了浮动属性的元素会脱离标准文档流的控制,移动到其父元素中指定位置的过程。
43、
系统提供
当对元素应用“overflow:hidden;”样式时,溢出内容会被修剪,并且被修剪的内容是不可见的。( )
修改
- 对
- 错
参考答案:
对
答案解析:
“overflow:hidden;”:溢出内容会被修剪,并且被修剪的内容是不可见的。
44、
系统提供
元素的定位属性主要包括定位模式和边偏移两部分。( )
修改
- 对
- 错
参考答案:
对
答案解析:
元素的定位属性主要包括定位模式和边偏移。
45、
系统提供
浮动元素不会对页面中其他元素的排版产生影响。( )
修改
- 对
- 错
参考答案:
错
答案解析:
由于浮动元素不再占用原文档流的位置,所以会对页面中其他元素的排版产生影响。
46、
系统提供
对浮动元素应用左外边距或右外边距时,在IE6浏览器中会出现双边距Bug。( )
修改
- 对
- 错
参考答案:
对
答案解析:
对元素同时定义float和margin-left或margin-right属性时,在IE6浏览器中,出现的左外边距或右外边距将是所设置的margin-left或margin-right值的两倍。
47、
系统提供
当对元素应用“overflow: auto;”样式时,元素框将自适应其所要显示的内容。( )
修改
- 对
- 错
参考答案:
对
答案解析:
overflow: auto;:元素框能够自适应其内容的多少,在内容溢出时,产生滚动条,否则,则不产生滚动条。
48、
系统提供
静态定位状态下,无法通过边偏移属性(top、bottom、left或right)来改变元素的位置。( )
修改
- 对
- 错
参考答案:
对
答案解析:
静态位置就是各个元素在HTML文档流中默认的位置,在静态定位状态下,无法通过边偏移属性(top、bottom、left或right)来改变元素的位置。
49、
系统提供
使用after伪对象可以清除元素的浮动,该方法适用于所有浏览器。( )
修改
- 对
- 错
参考答案:
错
答案解析:
使用after伪对象可以清除浮动,但是该方法只适用于IE8及以上版本浏览器和其他非IE浏览器。
50、
系统提供
当position属性的取值为fixed时,可以将元素的定位模式设置为固定定位。( )
修改
- 对
- 错
参考答案:
对
答案解析:
position属性的固定定位模式使用fixed定义。
51、
系统提供
空标记虽然可以清除浮动,但是在无形中增加了毫无意义的结构元素。( )
修改
- 对
- 错
参考答案:
对
答案解析:
空标记虽然可以清除浮动,但是在无形中增加了毫无意义的结构元素,因此在实际工作中不建议使用。
52、
系统提供
对元素设置相对定位模式后,可以通过边偏移属性left和top改变它的位置。( )
修改
- 对
- 错
参考答案:
对
答案解析:
对元素设置相对定位模式后,可以通过边偏移属性left和top改变它的位置。
53、
系统提供
z-index层叠等级属性的取值只能为正整数。( )
修改
- 对
- 错
参考答案:
错
答案解析:
在CSS中,要想调整重叠定位元素的堆叠顺序,可以对定位元素应用z-index层叠等级属性,其取值可为正整数、负整数和0。z-index的默认属性值是0,取值越大,定位元素在层叠元素中越居上。
54、
系统提供
绝对定位是将元素依据浏览器窗口进行定位。( )
修改
- 对
- 错
参考答案:
错
答案解析:
绝对定位是将元素依据最近的已经定位(绝对、固定或相对定位)的父元素进行定位,若所有父元素都没有定位,则依据body根元素(浏览器窗口)进行定位。
55、
系统提供
对父元素应用“overflow:hidden;”样式,可以清除子元素浮动对父元素的影响。( )
修改
- 对
- 错
参考答案:
对
答案解析:
对父元素应用“overflow:hidden;”样式,可以清除子元素浮动对父元素的影响,并且该方法弥补了空标记清除浮动的不足。
56、
系统提供
如果不设置元素的浮动属性,则块元素占页面整行。( )
修改
- 对
- 错
参考答案:
对
答案解析:
如果不对元素设置浮动,则该元素及其内部的子元素将按照标准文档流的样式显示,即块元素占页面整行。
57、
系统提供
对元素设置绝对定位后,元素脱离了标准文档流的控制,不再占据标准文档流中的空间。( )
修改
- 对
- 错
参考答案:
对
答案解析:
对元素设置绝对定位后,元素脱离了标准文档流的控制,不再占据标准文档流中的空间。
58、
系统提供
当对元素应用“overflow:visible;”样式时,元素的溢出内容会被修剪。( )
修改
- 对
- 错
参考答案:
错
答案解析:
“overflow:visible;”:内容不会被修剪,会呈现在元素框之外(默认值)。
59、
系统提供
通过定位模式属性position可精确定义元素的具体位置。( )
修改
- 对
- 错
参考答案:
错
答案解析:
定位模式(position)仅仅用于定义元素以哪种方式定位,并不能确定元素的具体位置,在CSS中,通过边偏移属性top、bottom、left或right,来精确定义定位元素的位置。
60、
系统提供
在浮动元素之后添加空标记,即可清除元素浮动所产生的影响。( )
修改
- 对
- 错
参考答案:
错
答案解析:
在浮动元素之后添加空标记,并对该标记应用“clear:both”样式,可清除元素浮动所产生的影响,这个空标记可以为<div>、<p>、<hr />等任何标记。
61、
系统提供
在浮动元素之后添加空标记,并对该标记应用“clear:both”样式,可清除元素浮动所产生的影响。( )
修改
- 对
- 错
参考答案:
对
答案解析:
在浮动元素之后添加空标记,并对该标记应用“clear:both”样式,可清除元素浮动所产生的影响,这个空标记可以为<div>、<p>、<hr />等任何标记。
62、
系统提供
在浮动元素之后添加空标记,并对该标记应用“clear:right”样式,即可清除浮动所产生的影响。( )
修改
- 对
- 错
参考答案:
错
答案解析:
在浮动元素之后添加空标记,并对该标记应用“clear:both”样式,可清除元素浮动所产生的影响。
63、
系统提供
如果不对元素定义position属性,该元素将没有自己的位置。( )
修改
- 对
- 错
参考答案:
错
答案解析:
任何元素在默认状态下都会以静态定位来确定自己的位置,所以当没有定义position属性时,并不说明该元素没有自己的位置,它会遵循默认值显示为静态位置。
64、
系统提供
在CSS中,可以通过position属性为元素设置浮动。( )
修改
- 对
- 错
参考答案:
错
答案解析:
在CSS中,通过float属性来定义元素的浮动。
65、
系统提供
使用after伪对象清除浮动时,必须为需要清除浮动的元素伪对象设置“height:0;”样式,否则该元素会比其实际高度高出若干像素。( )
修改
- 对
- 错
参考答案:
对
答案解析:
使用after伪对象清除浮动时,必须为需要清除浮动的元素伪对象设置“height:0;”样式。
66、
系统提供
对于父子嵌套的元素,子元素的浮动绝不会对父元素产生影响。( )
修改
- 对
- 错
参考答案:
错
答案解析:
对子元素设置浮动时,如果不对其父元素定义高度,则子元素的浮动会对父元素产生影响。
67、
系统提供
after伪对象清除浮动,只适用于IE8及以上版本浏览器和其他非IE浏览器。( )
修改
- 对
- 错
参考答案:
对
答案解析:
使用after伪对象也可以清除浮动,但是该方法只适用于IE8及以上版本浏览器和其他非IE浏览器。
68、
系统提供
制作网页时,固定定位是最常用的定位模式。( )
修改
- 对
- 错
参考答案:
错
答案解析:
由于IE6不支持固定定位,因此,固定定位在实际工作中较少使用。
69、
系统提供
使用after伪对象清除浮动时,必须在伪对象中设置content属性,属性值可以为空,如“content: "";”。( )
修改
- 对
- 错
参考答案:
对
答案解析:
使用after伪对象清除浮动时,必须在伪对象中设置content属性,属性值可以为空。
70、
系统提供
相对定位是常用的定位方式之一,当position属性的取值为【】时,可以将元素定位于相对位置。
修改
参考答案:
["relative"]
答案解析:
相对定位是将元素相对于它在标准文档流中的位置进行定位,当position属性的取值为relative时,可以将元素定位于相对位置。
71、
系统提供
在CSS中,【】属性用于定义元素的定位模式。
修改
参考答案:
["position"]
答案解析:
在CSS中,position属性用于定义元素的定位模式。
72、
系统提供
在CSS中,overflow属性的常用值有四个,其中默认的属性值是【】。
修改
参考答案:
["visible"]
答案解析:
无
73、
系统提供
绝对定位是常用的定位方式之一,当position属性的取值为【】时,可以将元素定位于绝对位置。
修改
参考答案:
["absolute"]
答案解析:
绝对定位是将元素依据最近的已经定位(绝对、固定或相对定位)的父元素进行定位,若所有父元素都没有定位,则依据body根元素(浏览器窗口)进行定位。当position属性的取值为absolute时,可以将元素的定位模式设置为绝对定位。
74、
系统提供
阅读下列代码,根据提示填写缺失的部分。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>绝对定位</title>
<style type="text/css">
.bbox {
width: 400px;
height: 200px;
border: 2px solid green;
margin: 100px auto 0;
}
.sbox {
width: 200px;
height: 100px;
border: 2px dashed red;
______________________; /* 设置子元素为绝对定位 */
______________________; /* 向右偏移20px */
______________________; /* 向下偏移30px */
}
</style>
</head>
<body>
<div class="bbox">
<div class="sbox"></div>
</div>
</body>
修改
参考答案:
position: absolute;
right: 20px;
bottom: 30px;
答案解析:
考察绝对定位的应用。
75、
系统提供
简述你对overflow属性清除浮动的理解。
修改
参考答案:
在没有为浮动元素的父元素定义高度时,可以对父元素应用“overflow:hidden;”样式来清除子元素浮动对父元素的影响。使用“overflow:hidden;”样式清除浮动可以避免增加无意义的结构元素,使代码更加简洁。
答案解析:
本题主要考查对overflow属性清除浮动方法的理解。
76、
系统提供
下面为一段使用after伪对象清除浮动的代码,请仔细阅读,并根据注释中的要求填写缺失的代码。
<style type="text/css">
div:after{
display:block;
content:"";
visibility:hidden;
_____________________; /*清除浮动元素的影响*/
_____________________; /*设置高度为0*/
}
</style>
修改
参考答案:
1、clear:both;
2、 height:0;
答案解析:
clear:both;清除左右浮动元素的影响。
height:0;设置高度为0。
77、
系统提供
简述overflow属性的常用属性值及其含义。
修改
参考答案:
overflow属性常用的属性值有4个,具体如下:
(1)visible:内容不会被修剪,会呈现在元素框之外(默认值)。
(2)hidden:溢出内容会被修剪,并且被修剪的内容是不可见的。
(3)auto:在需要时产生滚动条,即自适应所要显示的内容。
(4)scroll:溢出内容会被修剪,且浏览器会始终显示滚动条。
答案解析:
本题主要考查overflow属性的四个属性值。
78、
系统提供
请阅读下面的代码,并根据注释中的要求填写缺失的代码。
1 <head>
2 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
3 <title>overflow属性清除浮动</title>
4 <style type="text/css">
5 .father{ /*没有给父元素定义高度*/
6 background:#ccc;
7 border:1px dashed #999;
8 __________________________ /*清除子元素浮动对父元素产生的影响*/
9 }
10 .box01,.box02,.box03{
11 height:50px;
12 line-height:50px;
13 background:#f9c;
14 border:1px dashed #999;
15 margin:15px;
16 padding:0px 10px;
17 float:left; /*定义box01、box02、box03三个盒子左浮动*/
18 }
19 </style>
20 </head>
21 <body>
22 <div class="father">
23 <div class="box01">box01</div>
24 <div class="box02">box02</div>
25 <div class="box03">box03</div>
26 </div>
27 </body>
修改
参考答案:
overflow:hidden;
答案解析:
“overflow:hidden;” 可以清除子元素浮动对父元素产生的影响。
79、
系统提供
请阅读下面的代码,并根据注释中的要求填写代码。
<style type="text/css">
div{
width:100px;
height:140px;
background:#0ff;
_____________________; /*溢出内容呈现在元素框之外*/
}
</style>
修改
参考答案:
overflow:visible;
答案解析:
overflow:visible;内容不会被修剪,会呈现在元素框之外(默认值)