0 
<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/

4

2 に答える 2

3

inputはインライン要素であるため、マージンを適用することはできません。ブロックレベルの要素にする必要があります。

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

さらに、可能であれば負のマージンを使用しないでください。代わりにポジショニングを使用してください。

于 2013-03-07T12:39:53.923 に答える
0

float:leftボタンとテキストボックスの両方に使用する必要がある場合があります

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

プレビュー >> http://jsfiddle.net/vmyc8/

于 2013-03-07T12:59:43.773 に答える