Как мне сделать так, чтобы тег div занимал половину правой части моей веб-страницы?

#html

#HTML

Вопрос:

Это основной вопрос HTML.

У меня есть несколько тегов div, которые имеют некоторые элементы управления и занимают левую половину моего экрана.

Я хочу иметь тег div для отображения некоторых сообщений в правой части? Я использовал что-то вроде:

 float = right;

в моем классе css. Похоже, это не сработало. Какие еще свойства мне нужно установить.

Вот пример кода

 <div class ="header_label">
@Html.GetLocalizedString("program_snapshotRecipientAdress")amp;nbsp; @Html.TextBox("txtRcpntAdress")
</div>

   <div class ="header_label">
@Html.GetLocalizedString("program_snapshotUsertype1") amp;nbsp; @Html.RadioButton("Usertype", "One", new { id="rb1"})
 amp;nbsp; amp;nbsp;
@Html.GetLocalizedString("program_snapshotUsertype2") amp;nbsp; @Html.RadioButton("Usertype", "Two", new { id = "rb2" })
<div class ="commentsHeight"></div>
 </div>
   <div class ="header_label">
@Html.GetLocalizedString("program_snapshotDate") amp;nbsp; @Html.TextBox("SnapshotDate")
</div>

  <div id ="CMSContent">
<div class ="CMS-message">
@Html.Raw("S=This is the div I need to place in the right hand side")
</div>
</div>

1. вам нужно добавить некоторый код, чтобы получить некоторую помощь. Не знаю, если вы не показываете. Однако вам может потребоваться абсолютное позиционирование.

2. Вы можете опубликовать еще немного кода? Спасибо

Ответ №1:

Я не очень понял ваш вопрос, но я постараюсь ответить. Если у вас есть какой-то div слева, и вы хотите, чтобы другой был справа, у вас есть два варианта:

1) Первый — установить один div справа, а другой слева:

 <div>
    <div style="float: left; width: 50%">I'm on the left</div>
    <div style="float: right; width: 50%">I'm on the right</div>
</div>

2) Второй — установить каждый div слева

 <div>
    <div style="float: left; width: 50%">I'm on the left</div>
    <div style="float: left; width: 50%">I'm on the second on the left</div>
</div>

1. Это именно то, что я искал. Спасибо, это сработало. Теперь мне не нужно использовать какой-либо класс css для рендеринга, это не так. Можете ли вы объяснить разницу между прямым использованием атрибута стиля и использованием класса из css-файла как div class=»something» и определением этого значения с плавающей точкой и ширины в «something».

2. «Большой разницы» нет, использование класса — лучшее решение, если у вас сайт со многими страницами: если вы используете только ‘style =»something»‘ и вам нужно что-то изменить, вам нужно изменить все страницы; если вы используете класс, вам нужно изменить только однуфайл 😉

Ответ №2:

Вы уверены, что правильно назвали div?
правильный путь к вашей команде
```
 float : right;
  
```
Если вы хотите, чтобы ваш div занимал половину экрана, вы должны написать что-то вроде:
```
 width : 50%;
  
```

Ответ №3:

Вы можете сделать так, чтобы div занимал правую часть экрана множеством способов, один из которых «плавающий», как вы обнаружили.

Это выводит элемент из обычного «потока» документа и позволяет ему занимать другую область экрана в зависимости от родительских элементов и т. Д.

С первого взгляда вам нужно будет написать:

 float: right;

В вашем CSS, а не = но если бы вы могли опубликовать некоторые html и css в более полной форме, можно было бы дать несколько лучших советов.

Ответ №4:

если вы хотите отобразить свою форму или что-то в виде двух половин или сеток, используйте это: float: right; width: 50%;