HTML/CSS - 100％DIV沒有排隊的30％和70％的孩子

我想明白爲什麼這不排隊兩個INPUT元素並排。HTML/CSS - 100％DIV沒有排隊的30％和70％的孩子

感謝您提供的任何幫助。

<STYLE> 

html, body { 
    width: 100%; 
    height: 100%; 
    margin: 0px; 
    padding: 0px; 
} 
</STYLE> 


    <DIV STYLE='width:100%;'> 
     <INPUT TYPE=text size=10 maxlength=10 
       STYLE='width:70%;'> 
     <BUTTON STYLE='width:30%; float:right;' 
     >Button</BUTTON> 
    </DIV>

來源

2011-07-29 Andy J Partridge

我真的想-1你使用大寫HTML標籤... – AlienWebguy

你確實是正確的。浮動都離開，它應該爲你工作。還要注意的是，如果他們有他們周圍填充/保證金70％+ 30％+填充/保證金可能不適合在一行:)

來源

2011-07-29 20:00:45

<DIV STYLE='width:100%;'> 
     <INPUT TYPE=text size=10 maxlength=10 
       STYLE='width:70%;float:left;'> 
     <BUTTON STYLE='width:30%; float:left;' 
     >Button</BUTTON> 
    </DIV>

來源

2011-07-29 20:00:48

input{ 
    display:block; 
    float:left; 
    margin:0px; 
    padding:0px; 
    border:none; 
}

Click Here

需要刪除多餘的空間，填充，邊界，保證金

來源

2011-07-29 20:01:47 AlexC

HTML/CSS - 100％DIV沒有排隊的30％和70％的孩子

回答

相關問題