Как выровнять 2 div с формами в - PullRequest
0 голосов
/ 14 июля 2011
<style type="text/css">
#left {
float:left;
background: red;
width:100px;
}

#right {
width:102px;
height:102px;
border:1px solid black;
}

</style>

<div id="left">
<form action="">
    <input type="text" />
    <input type="text" />
    <input type="text" />
</form>
</div>
<div id="right">
<form action="">
    <input type="text" />
    <input type="text" />
    <input type="text" />
</form>
</div>

Так что у меня не может быть числа с плавающей точкой: осталось работать с формами в div.У вас есть решение?

Ответы [ 2 ]

1 голос
/ 14 июля 2011

Плавай также # право.

 body {
    width: 202px;
    }

    #left { 
    float:left; 
    background: red; 
    width:100px; 
    }

    #right {
    width:102px;
    height:102px;
    border:1px solid black;
    float: right;
    }

    </style>
    <body>
    <div id="left">
    <form action="">
        <input type="text" />
        <input type="text" />
        <input type="text" />
    </form>
    </div>
    <div id="right">
    <form action="">
        <input type="text" />
        <input type="text" />
        <input type="text" />
    </form>
    </div>
    </body>
0 голосов
/ 14 июля 2011

Попробуйте обернуть оба элемента div в один и тот же родительский элемент div и затем добавить их:

<style type="text/css">
#left {
float:left;
background: red;
width:100px;
}

#right {
float: right;
width:102px;
height:102px;
border:1px solid black;
}

</style>

<div>
    <div id="left">
    <form action="">
        <input type="text" />
        <input type="text" />
        <input type="text" />
    </form>
    </div>
    <div id="right">
    <form action="">
        <input type="text" />
        <input type="text" />
        <input type="text" />
    </form>
    </div>
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...