![](https://static.youtibao.com/asksite/comm/h5/images/m_q_title.png)
div{width:100px;margin:10px;padding:10px;border:5pxsolid#000;}最终div实际宽度150px()
![](https://static.youtibao.com/asksite/comm/h5/images/m_q_a.png)
是
![](https://static.youtibao.com/asksite/comm/h5/images/solist_ts.png)
是
A.'100px'
B.100
C.空
.box{
width:200px;
height:100px;
border:10px solid red;
}
.box p{
width:100px;
height:100px
padding-top:50%;
background-color:green;
}
同时具有如下html代码:
......
<div class="box">
<p>段落内容<p>
</div>
......
请计算p标签在页面中真实占据高度为多少?( )
A.200px
B.120px
C.150px
D.220px
.box span{
display:inline-block;
width:100px;
height:100px;
border:1px solid red;
}
同时,编写有结构代码如下:
......
<div class="box">
<span>1</span>
<span>2</span>
</div>
......
那么页面中的两个span显示效果说法有误的是 ( )。
A.两个span将在不同行显示
B.两个span都具有高宽分别为100px
C.两个span都具有红色边框
D.两个span在一行显示
A.#box{width:100px;height:50px;}
B.#box{width:100px;height:50px;position:absolute;}
C.#box{width:100px;height:50px; position:static;}
D.#box{width:100px;height:50px; position:relative;}
A.div{width:80px;height:200px;border:2pxdashed#000000;margin:010px:}
B.div{width:80px;height:200px;border:2pxsolid#000000;margin:10px0;}
C.div{width:200px;height:80px;border:2pxsolid#00000margin:10px;}
D.div{width:200px;height:80px;border:2pxdashed#000000;margin:10px:}