使用css定位HTML textarea

我目前正在嘗試使用CSS定位textarea並使其看起來不錯。但它不起作用。使用css定位HTML textarea

相關CSS：

#BoardInput { 
padding:0px; 
width:100%; 
height:100%; 
} 
#BoardSmiley { 
min-width:100px; 
width:20%; 
padding:10px; 
border-right:thin solid #4E6011; 
border-bottom:thin solid #4E6011; 
background-color:#C6E466; 
} 
#BoardCode { 
border:thin solid #4E6011; 
background-color:#C6E466; 
padding:3px; 
}

相關HTML：

<div id="BoardCode"> 
    <button onclick="addBBCode('[FETT]','[/FETT]');">Fett</button> 
    <button onclick="addBBCode('[KURSIV]','[/KURSIV]');">Kursiv</button> 
    <button onclick="addBBCode('[UNTERSTRICHEN]','[/UNTERSTRICHEN]');">Unterstrichen</button> 
    <button onclick="addLink();">Link</button> 
    <button onclick="addImage();">Bild</button> 
</div> 
<form action="index.php?s=board&action=addedit&where=<?=$Result['Overview']['PostID']?>" method="POST"> 
<table id="Board"> 
    <tr> 
     <td> 
       <textarea id="BoardInput" name="Text"></textarea> 
      <input type="hidden" name="ThreadID" value="<?=$Result['Overview']['ThreadID']?>" /> 
     </td> 
     <td id="BoardSmiley"> 
     <?php 
     $BoardTemplate->showSmileys(); 
     ?> 
     </td> 
    </tr> 
    <tr colspan="2"> 
     <td><input type="submit" value="OK" /> 
    </tr> 
</table> 
</form>

的問題是，我想「代碼」框上方的表情盒右側和textarea的在左邊。我希望他們能夠完全相互調整。然而，textarea比上面的代碼框右邊多了1px，比右邊的Smileys-Box多了2px。

我在這裏做錯了什麼？

編輯：

的jsfiddle：jsfiddle.net/SSxSN和圖像：

enter image description here

來源

2013-04-23 Shiuyin

這是_really_表格數據？ – Kyle 2013-04-23 13:23:21

您有使用表格的原因嗎？ – Michael 2013-04-23 13:24:24

請提供[jsFiddle]（http://jsfiddle.net） – Adrift 2013-04-23 13:26:45

添加左側和下切緣陰性，像這樣：

#BoardInput { 
    padding:0px; 
    width:100%; 
    height:100%; 
    margin: 0 0 -8px -1px; 
}

http://jsfiddle.net/SSxSN/1/

來源

2013-04-23 13:38:42 darwin

問題是：爲什麼這需要？爲什麼不用普通的填充工作：0？ – Shiuyin 2013-04-23 13:48:30

，因爲填充僅影響對象邊框內的空間，而邊距影響對象邊框外的空間... – darwin 2013-04-23 14:13:14

使用css定位HTML textarea

回答

相關問題