свойство float не срабатывает

Общее
1

Добрый день. Помогите разобраться, почему у меня у второго блока свойство float: left срабатывает не так как мне надо
https://jsfiddle.net/e3mwc20s/
мне необходимо что б див с id = send был справа от div id=“myData” Я сначала грешил на нехватку места из-за рамок, или из-за того что задаю в процентах, но в px таже фигня наблюдается

2

Cправа от … чего? Скорее всего вам понадобится распорка clearfix.

3

мне необходимо что б див с id = send был справа от div id=“myData”

4

В правиле для #myData не хватает одного знака ;

1 лайк
5

Спасибо, ох уж эта невнимательность. И ещё вопрос. А почему всё таки остается пустое(черное) место
https://jsfiddle.net/e3mwc20s/1/

6

Потому что ширина 80% от 200px.

1 лайк
7

Мдасс, я ещё уточню один момент.
А чего теперь блок #send не до конца закрашен ?
https://jsfiddle.net/e3mwc20s/3/

8

Он весь закрашен, только у вас суммарная высота двух полей больше чем 100px. Учитесь пользоваться инспектором. Там всё видно.

9

За счет чего прибавляется эта “избыточность” к полям ? Вроде отступов нету, рамки убрал. И как её убрать ?

10

input {
border: none; /* или любая своя рамка, например как было у вас border: 1px solid red; */
box-sizing: border-box;
}

1 лайк
11

А можно ещё совет. Почему теперь блок #send не становится на место ? https://jsfiddle.net/e3mwc20s/5/

12

Блок #send у вас получается внутри #myData. Флоат не будет так работать. У вас для самого блока #myData (родитель) флоат прописан, для #send - прописан, а поля формы?
Самым простым вариантом будет вынести #send из блока #myData (если ваша задумка это позволяет)
Кстати, хотела спросить еще в самом начале, где тег form и где кнопка отправки формы?