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

需要删除额外的空间，填充，边框，边距

Answer 2

你确实漂浮了。向左浮动，它应该适合你。另请注意，如果他们周围有填充/边距70％+ 30％+填充/边距可能不适合一行：）

Answer 3

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

HTML / CSS - 100％DIV没有排队30％和70％的孩子

3 个答案: