爲什麼我的輸入在第一個輸入後碰到下一行？

我一直在玩這個試圖得到我喜歡這種形式的佈局..我以爲我有我喜歡的東西，但在輸入的第一行格式化後搞砸了，我不知道什麼即時通訊做錯了。。爲什麼我的輸入在第一個輸入後碰到下一行？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>Add Company</title> 
<style> 
    /* Style for add_client form */ 
    fieldset#add_field { 
     width:830px; 
    } 

    fieldset#Basic_Info, fieldset#Address { 
     width: 46%; 
     float:left; 
    } 

    fieldset lebel { 
     float: left; 
     width: 45%; 
    } 

    fieldset label, label span { 
     display: block; 
     padding-bottom: .25em; 
    } 

    fieldset#add_field span { 
     float: left; 
     text-align: right; 
     width: 44%; 
    } 

    fieldset#add_field input { 
     float: right; 
     width: 44%; 
     border-width: 1px; 
     border-style: solid; 
    } 

    fieldset#add_field select { 
     float: right; 
     width: 45%; 
    } 
</style> 
</head> 
<body> 
<div id='content'> 
    <fieldset id='add_field'> 
     <legend>Add Company</legend> 

     <fieldset id='Basic_Info'> 
      <legend>Basic Info</legend> 

      <label for="name"><span>Company Name</span><input id="name" /></label> 
      <label for="phone"><span>Phone Number</span><input id="phone" /></label> 
      <label for="status"><span>Status</span> 
       <select id='status'> 
        <option>1. Lead</option> 
        <option>2. Initial Contact</option> 
        <option>3. Negotiation</option> 
        <option>4. Client</option> 
        <option>5. Previous Client</option> 
       </select> 
      </label> 
     </fieldset> 

     <fieldset id='Address'> 
      <legend>Address</legend> 

      <label for="county"><span>Street Address</span><input id="county" /></label> 
      <label for="city"><span>City</span><input id="city" /></label> 
     </fieldset> 

    </fieldset> 
    <input style='margin-top: 20px;' type="submit" value="Submit" id='jqxSubmitButton' /> 
</div> 
</body> 
</html>

來源

2012-07-21 Troy Cosentino

請問您是否可以嘗試將它更詳細地解釋一下 - 當我嘗試您的代碼時，一切看起來都很正確http：// dabblet.com/gist/3157403 – Ana 2012-07-21 22:27:48

@Ana看看電話號碼是如何在兩個文本輸入之間而不是在第二個輸入的左側？在左邊應該有標籤文本，並且在每行上都有輸入到右邊的文本 – 2012-07-21 22:58:41

我認爲你必須在你的CSS一個錯字：

fieldset lebel { 
    float: left; 
    width: 45%; 
}

lebel應該label。看看這是否解決了浮動問題。（我無法複製/粘貼您的代碼，請嘗試下次連接到jsfiddle）

來源

2012-07-21 23:10:00 mrak

非常感謝。我在發現錯別字時感到非常不滿。哈哈。 – 2012-07-22 00:53:47

爲什麼我的輸入在第一個輸入後碰到下一行？

回答

相關問題