Android的CSS WebKit的不排隊元素

Question

我試圖得到一些CSS來得到一些我們的元素，像這樣的CSS（它是如何出現在鍍鉻），排隊：

但我得到是這樣的設備：

我的HTML該元素是：

<div class="callToAction"> 
    <p id="p32" class="para"> My personal plan to give service: </p> 
    <a id="p33" href="note://title=My_personal_plan_to_give_service:&amp;tags=plan&amp; name="p33"></a> 
</div> 

我的CSS：

.callToAction p{ 
    background-color:rgb(158, 107, 31); 
    padding:.5em; 
    color:#FFF; 
    font-family:"HelveticaNeue-Light"; 
    font-size:.9em; 
    position:relative; 
} 
.callToAction p:after{ 
    content:""; 
    position:absolute; 
    bottom:-15px; 
    left:25px; 
    border-width:15px 15px 0; 
    border-style:solid; 
    border-color:rgb(158, 107, 31) transparent; 
} 
.callToAction a{ 
    display:block; 
    color:inherit; 
    width:96%; 
    min-height:100px; 
    background:url(file:///android_asset/call_to_action.png) no-repeat 98% 95% rgb(230, 230, 220); 
    background-size:6%; 
    margin-bottom:1em; 
    padding: 15px 2%; 
} 

.callToAction a:empty{ 
    width:100%; 
    background:url(file:///android_asset/call_to_action.png) no-repeat center rgb(230, 230, 220); 
    background-size:12%; 
    padding: 10px 0%; 
} 

Answer 1

，應重置邊距爲 「P」 的元素，在默認情況下的鍍鉻設置爲 「1EM」。 將margin: 0px;添加到您的css樣式「.callToAction p」中。