Question

<form name="fc">
         <div class="input-text">
         <input type="text" id="postquestion" name="postquestion" style="font-size:12px;"class="ps" value="" placeholder="What's Your Question..?" data-mini="true" />
         <a href="#dialog" class="dig" value="" data-role="button" data-icon="plus" data-inline="true" data-rel="dialog" data-iconpos="notext"></a>
         <input type="submit" value="Ask" class="ask" data-inline="true" data-mini="true"data-theme="b"/>
      </div>
</form>

此代码无效

.ask
{
margin-top:-10px;
}

我是css的新手，请帮助我。 http://jsfiddle.net/shreeramns/4dRuP/

Answer 1

input是一个内联元素，因此不能应用任何边距。你需要把它变成块级元素：

.ask
{
    display: inline-block;
    margin-top:-10px;
}

此外，如果可能，您不应使用负边距，而是使用定位。

Answer 2

您可能必须对按钮和文本框

使用float:left

   .ask{
        margin-top:-10px;
        display:inline;
        position:relative;
        float:left;
    }
    .ps{
        float:left;
        display:inline;
    }

预览＆gt;＆gt; http://jsfiddle.net/vmyc8/

如何在css中访问此类

2 个答案: