A: absolute 50%
B: absolute auto
C: relative
50%
D: relative auto
举一反三
- In css, to center box vertically with the center of the page, please fill in the following code space..box{ position: ________ __ ; left:50%; top:50%; margin-left: ________ ___; margin-top: __________ _ ; width: 300px; height: 200px; border:2px solid #ccc; }
- 阅读下面HTML代码，如果期望tabs位于box容器的右下角，则需要添加的CSS样式是（）。[div id="box"][div id="tabs"] A: tabs{ position:absolute; right:0; bottom:0;} B: tabs{ position:relative; right:0; bottom:0;} C: box{ position:relative;} D: tabs {position:absolute; right:0; bottom:0;} E: box{ position:relative; } F: tabs { position:right bottom;}
- 结构：|表现：div{width:678px;height:456px;background:#f00}|p{width:234px;height:124px;background:#00f} 以下选项中，可以实现让p在div中水平和垂直居中的代码（） A: 给p添加position:absolute;left:0;top:0;bottom:0;right:0;margin:auto 给div添加position:relative B: 给p添加position:absolute;left:50%;top:50%； 给div添加position:relative C: 给p添加position:absolute; left:50%;top:50%;margin-left:117px;margin-top:62px 给div添加position:absolute D: 给p添加position:absolute;left:50%;top:50%;margin-left:-117px;margin-top:-62px 给div添加position:absolute
- 判断以下代码中如何设置div1的样式，可以使div1相对于浏览器，（相对于以前位置右上角）向左移动100px，向下移动50px。[style type="text/css"]*{ margin:0; padding:0;}.div1{ width:200px; height:200px; border:2px red solid; }[/][body][div class="div1"] [/] A: position:absolute; right:100px; top:50px; B: position:absolute; left:100px; top:50px; C: position:relative; right:100px; top:50px; D: position:relative; left:100px; top:50px;
- 下列哪种CSS属性不能让页面在浏览器中居中显示（网页中所有可显示的元素都包含在一个id为container的div盒子内）。（） A: B: container { margin: 0 auto ; width:780px; } C: D: container { position: relative;width:780px; left: 50%; margin-left: -390px; } E: F: container { margin: 0 auto ; width: 85%;} G: H: container { position: relative;width:780px; right: 50%; margin-left: 390px; }
内容
- 0
下列关于transform-origin属性说法错误的有： A: 值为top left | left top 时，等价于 0 0 B: 值为left | left center | center left时， 等价于50% 0 C: 值为right | right center | center right 时，等价于 100% 50% D: 值为bottom | bottom center | center bottom 时，等价于100% 50%
- 1
第一个DIV的样式style为width:150px;height:50px;margin:5px 7px 2px 3px;padding:5px;border:1px solid #000;第二个DIV的样式style为width:150px;height:50px;margin:0;padding:0;border:1px solid #000;请问第一个DIV的实际宽度为________px，原点坐标为x=_____px，y=______px;第二个DIV的原点坐标为x=_____px，y=______px原点为盒子模型可见区域的左上角定点
- 2
在以下代码片段中,属于绝对定位的是() A: #box {width:100px;height:50px;position:absolute;} B: #box (width:100px;height:50px;position:relative;} C: #box {width:100px;height:50px;position:static;} D: #box {width:100px;height:50px;}
- 3
在以下代码片段中，属于绝对定位的是（）。 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;}
- 4
在以下代码片段中，属于绝对定位的是（）。 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;}