Question

<div style="background-color:#303030;height:5.5%;">
<input type="text" style="border:1px solid;
                          top:50px;
                          bottom:10px;
                          height:90%;
                          left:20px;
                          width:25%;
                          " />

这里我有一个黑暗的div栏，里面有一个输入。为什么顶部，底部，左侧不按预期工作？

Answer 1

position:absolute;
display:inline-block;

请注意：

你的div的高度为5.5％，你在里面放置一个距离顶部50px的输入区域，高度为90％（！）。这是一个巨大的输入领域。这没有道理。使用相对或精确测量。
div缺少</div>
不要混淆标记和样式（css）

Answer 2

为了使定位起作用，您需要声明要使用的定位类型...... position: absolute; position:relative; position: fixed;等......

Answer 3

您需要先确定元素的位置，然后才能将其放置在页面中。 position属性有4或5个不同的设置。继承，绝对，固定，静态和相对。绝对不起作用，因为它需要一个定位的父元素。静态是默认值，继承是继承。修复了将元素冻结到浏览器窗口的问题。滚动时，它不会移动。相对于它应该的位置，所以我认为这是你想要的那个。

为什么css定位不起作用？

3 个答案: