2015-07-06 3 views
0

У меня есть тег, который называется и между ними, у меня есть видео. Видео занимает около 65% экрана. Теперь в оставшемся пространстве я хотел бы отложить в сторону все еще в тегах. Я также хотел бы, чтобы в стороне была граница (которую я знаю, как это сделать). Моя проблема здесь в том, что я могу отложить в сторону. Это то, что у меня есть в базовом формате: <section> <video> MY VID's info </video> <aside> my aside </aside> </section> И в моем CSS у меня есть что-то вроде: section video{ width: 65%; } section aside{width: 30%;} Теперь, когда я запускаю этот код, я получаю видео и в сторону, но они не рядом друг с другом. Видеоролик находится в области <section>, а <aside> находится прямо между <section> и <footer>. Не рядом с видео. Поэтому, если вы запустили код, вы увидите видео и большое и пустое пространство рядом с ним. И тогда в стороне будет то место, которое я описал ранее. Может ли кто-нибудь помочь мне узнать, как я должен составить свой код, чтобы получить желаемый результат? Заранее спасибо!Как разместить два объекта рядом друг с другом в HTML?

+1

Вопросы, требующие помощи по отладке («почему этот код не работает?») Должны включать в себя желаемое поведение, конкретную проблему или ошибку и кратчайший код, необходимый для его воспроизведения ** в самом вопросе **. См. [** Как создать минимальный, полный и проверенный пример **] (http://stackoverflow.com/help/mcve) –

+1

Дубликат - http://stackoverflow.com/questions/5803023/how-to- place-two-divs-next-to-each-other? rq = 1 –

+0

Здравствуйте, Paulie_D У меня есть мое желаемое поведение, и я хочу, чтобы мое видео и в сторону были рядом друг с другом. Моя особая проблема в том, что, когда я пытаюсь поставить их рядом друг с другом, в стороне всегда заканчивается раздел. Что касается воспроизведения моего кода, это то, что у меня есть, если только вам не требуется фактическое имя видео, которое не будет работать, потому что вы не используете мой компьютер. Я посмотрю на дубликат. – TechWiz77

ответ

0

Добавить свойство float в тег видео. Дайте float: left. Это поможет вам достичь того, чего вы хотите.

+0

Хорошо, я попробую это. Спасибо. – TechWiz77

+0

Умм, точно, как я получил это в теге видео? Я делаю это: '

+0

В вашем css, где у вас есть видео раздела {width: 65%; } добавить float: left; поэтому css теперь становится секционным видео {width: 65%; float: left;} –

Смежные вопросы