单选题
47、阅读下面HTML代码,如果期望tabs位于box容器的右下角,则需要添加的CSS样式是( )。<div id="box"><div id="tabs"></div></div>
A
#tabs { position:absolute; right:0; bottom:0; }
B
#tabs { position:relative; right:0; bottom:0; }
C
#box { position:relative; } #tabs { position:absolute; right:0; bottom:0; }
D
#box { position:relative; } #tabs { position:right bottom; }
答案解析
正确答案:C
解析:
解析这道题目时,我们需要理解CSS中定位(positioning)的概念,特别是绝对定位(absolute positioning)和相对定位(relative positioning)的使用。
选项A: #tabs { position:absolute; right:0; bottom:0; }
这个选项将#tabs设置为绝对定位,并尝试将其放置在容器的右下角。然而,绝对定位的元素是相对于其最近的已定位(即非static定位)祖先元素进行定位的。如果没有这样的祖先元素,它将相对于初始包含块(通常是元素或视口)进行定位。因此,如果#box没有设置为相对定位或任何其他类型的定位,#tabs可能不会如预期那样位于#box的右下角。
选项B: #tabs { position:relative; right:0; bottom:0; }
相对定位的元素是相对于其正常位置进行偏移的。这意味着#tabs会尝试在其原本应在的位置基础上向右和向下偏移,但不会脱离文档流,也不会影响其他元素的布局。因此,这个选项不会将#tabs移动到#box的右下角。
选项C: #box { position:relative; } #tabs { position:absolute; right:0; bottom:0; }
这个选项首先将#box设置为相对定位,这意味着#box的定位不会改变(仍然占据文档流中的空间),但它现在成为了一个定位上下文(即包含块)的根。然后,将#tabs设置为绝对定位,并指定right: 0和bottom: 0,这将使#tabs相对于其最近的已定位祖先元素(即#box)的右下角进行定位。这正是我们想要的结果。
选项D: #box { position:relative; } #tabs { position:right bottom; }
这个选项尝试将#tabs设置为一个不存在的定位值right bottom。CSS中不存在这样的定位值。正确的做法是使用position: absolute;并结合right和bottom属性来指定位置。
综上所述,选项C是正确的,因为它正确地设置了#box为相对定位,从而创建了一个定位上下文,然后使#tabs能够相对于这个上下文进行绝对定位,最终位于#box的右下角。
选项A: #tabs { position:absolute; right:0; bottom:0; }
这个选项将#tabs设置为绝对定位,并尝试将其放置在容器的右下角。然而,绝对定位的元素是相对于其最近的已定位(即非static定位)祖先元素进行定位的。如果没有这样的祖先元素,它将相对于初始包含块(通常是元素或视口)进行定位。因此,如果#box没有设置为相对定位或任何其他类型的定位,#tabs可能不会如预期那样位于#box的右下角。
选项B: #tabs { position:relative; right:0; bottom:0; }
相对定位的元素是相对于其正常位置进行偏移的。这意味着#tabs会尝试在其原本应在的位置基础上向右和向下偏移,但不会脱离文档流,也不会影响其他元素的布局。因此,这个选项不会将#tabs移动到#box的右下角。
选项C: #box { position:relative; } #tabs { position:absolute; right:0; bottom:0; }
这个选项首先将#box设置为相对定位,这意味着#box的定位不会改变(仍然占据文档流中的空间),但它现在成为了一个定位上下文(即包含块)的根。然后,将#tabs设置为绝对定位,并指定right: 0和bottom: 0,这将使#tabs相对于其最近的已定位祖先元素(即#box)的右下角进行定位。这正是我们想要的结果。
选项D: #box { position:relative; } #tabs { position:right bottom; }
这个选项尝试将#tabs设置为一个不存在的定位值right bottom。CSS中不存在这样的定位值。正确的做法是使用position: absolute;并结合right和bottom属性来指定位置。
综上所述,选项C是正确的,因为它正确地设置了#box为相对定位,从而创建了一个定位上下文,然后使#tabs能够相对于这个上下文进行绝对定位,最终位于#box的右下角。
相关题目
单选题
53.为应用程序之间的数据传送提供可靠连接的TCP/IP协议是( )
单选题
52.WWW网页文件的编写语言及相应的支持协议分别为( )
单选题
51.如果访问Internet时只能使用IP地址,是因为没有配置TCP/IP的( )
单选题
50.配置DNS服务器正确的是( )
单选题
49.FTP是Internet中( )。
单选题
48.关于DNS下列叙述错误的是( )。
单选题
47.Internet中发送邮件协议是( )。
单选题
46.我们从Internet上获得软件最常采用的是( )
单选题
45.FTP(文件传输)协议代理服务器常用端口号( )?
单选题
44.FTP下载的命令是( )?
