HTML/CSS - 100% DIV 未排列 30% 和 70% 子级

Question

我试图理解为什么这不会并排排列两个 INPUT 元素。

感谢您提供的任何帮助。

<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>

Answer 1

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

Click Here

需要去掉多余的空格、padding、border、margin