Question

＆lt; p＆gt;我遇到了这个非常令人沮丧的问题，其中margin-bottom不起作用，但margin-left和margin-top工作正常。我只是想在不同的表单字段之间留一个空隙。＆lt; / p＆gt; ＆LT; p为H. HTML＆LT; / p为H. ＆lt; pre＆gt;＆lt; code＆gt;＆lt; input type =＆＃34; text＆＃34;名称=＆＃34;地址2＆＃34; ID =＆＃34;地址2＆＃34; value =＆＃34;＆lt;？php echo $ _SESSION [＆＃39; address2＆＃39;]; ？＆GT;＆＃34;占位符=＆＃34;地址第2行＆＃34;的tabindex =＆＃34; 5＆＃34;＆GT; ＆LT峰; br＆GT; ＆lt; input type =＆＃34; text＆＃34;名称=＆＃34;城市＆＃34; ID =＆＃34;城市＆＃34; value =＆＃34;＆lt;？php echo $ _SESSION [＆＃39; city＆＃39;]; ？＆GT;＆＃34;占位符=＆＃34;市/镇＆＃34;的tabindex =＆＃34; 6＆＃34;＆GT; ＆LT峰; br＆GT; ＆lt; input type =＆＃34; text＆＃34;命名=＆＃34; P码＆＃34; ID =＆＃34; P码＆＃34; value =＆＃34;＆lt;？php echo $ _SESSION [＆＃39; pcode＆＃39;]; ？＆GT;＆＃34;占位符=＆＃34;邮编＆＃34;的tabindex =＆＃34; 7＆＃34;＆GT; ＆LT; /代码＆GT;＆LT; /预＆GT; ＆lt; p＆gt;这是一个很长的时间，因此我没有包括所有字段，这些字段给我一个问题。＆lt; / p＆gt; ＆LT; p为H. CSS＆LT; / p为H. ＆LT;预＆GT;＆LT;代码＆GT;输入＃1地址{ border：1px solid＃6d6e70; border-radius：5px; 宽度：43％; 身高：33px; display：inline-block; 行高：33px; 向左飘浮; 位置：相对; margin-bottom：10px; } 输入＃{城 border：1px solid＃6d6e70; border-radius：5px; 宽度：43％; 身高：33px; 行高：33px; 向左飘浮; margin-left：-431px; 位置：相对; margin-top：10px; } 输入＃P码{ border：1px solid＃6d6e70; border-radius：5px; 宽度：20％; 身高：33px; 行高：33px; 向左飘浮; margin-left：-431px; 位置：相对; margin-top：10px; } ＆LT; /代码＆GT;＆LT; /预＆GT;

Answer 1

您必须清除浮动元素。 See more

这是你需要的吗？

＆＃13;

input#address2{
  border: 1px solid #6d6e70;
  border-radius: 5px;
  width: 43%;
  height: 33px;
  display: inline-block;
  line-height: 33px;
  float: left;
  position: relative;
  margin-bottom: 10px; 
}

input#city{
  border: 1px solid #6d6e70;
  border-radius: 5px;
  width: 43%;
  height: 33px;
  line-height: 33px;
  float: left;
  position: relative;
  margin-top: 10px; 
}

input#pcode{
  border: 1px solid #6d6e70;
  border-radius: 5px;
  width: 20%;
  height: 33px;
  line-height: 33px;
  float: left;
  position: relative;
  margin-top: 10px;     
}
.clr {
  clear: both;
}

＆＃13;

<input type="text" name="address2" id="address2" value="<?php echo $_SESSION['address2']; ?>" placeholder="Address Line 2" tabindex="5">
<div class="clr"></div>
<input type="text" name="city" id="city"  value="<?php echo $_SESSION['city']; ?>"placeholder="Town/City" tabindex="6">
<div class="clr"></div>
<input type="text" name="pcode" id="pcode"  value="<?php echo $_SESSION['pcode']; ?>"  placeholder="Postcode" tabindex="7">
<div class="clr"></div>

＆＃13;

CSS-Margin-bottom无法正常工作

1 个答案: