Как удалять место в CSS?

У меня есть один div с 100 % шириной и внутри, двумя div: один с 85 % и другой с 15 % шириной. Проблема состоит в том, что, когда я это вижу, появляется проблема 85 % внизу и проблема 15 % появляется наверху. Я использую float:left для того, чтобы они всегда были объединенными, когда я инспектирую, я вижу место и поэтому я думаю, что div он уходит вниз. Я перемещаю их код и изображение, в чем я нуждаюсь, состоит в том, чтобы они были объединенными.

Мой код:

#contenedor_esquema {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  overflow: hidden;
  background: #E62424;
  box-sizing: border-box;
}

.ca-menu {
  width: 15%;
  min-width: 250px;
  float: left;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid blue;
}

#formulario_esquema {
  width: 85%;
  float: left;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid blue;
  overflow: hidden;
}

#contenedor_esquema {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  overflow: hidden;
  background: #E62424;
  box-sizing: border-box;
}

.ca-menu {
  width: 15%;
  min- width: 250px;
  float: left;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid blue;
}

#formulario_esquema {
  width: 85%;
  float: left;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid blue;
  overflow: hidden;
}

Изображение желтое поле ввода - место, которое излишне, и я думаю, что я не был бы должен быть излишним:

introducir la descripción de la imagen aquí

1
задан 01.06.2017, 05:56
1 ответ

Если то, в чем ты нуждаешься, состоит в том, чтобы иметь две параллельные колонны, хорошего mГ©todo, он состоит в том, чтобы симулировать таблицу. Это достаточно, с которым в эти два элемента они aГ±adas свойство display: table-cell. И конечно я рекомендую тебе предотвращать float, чтобы выровнять элементы. AquГ - я оставляю тебя mГ©todo:

#contenedor_esquema {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  overflow: hidden;
  background: #E62424;
  box-sizing: border-box;
}

.ca-menu {
display: table-cell;
  width: 15%;
  min-width: 250px;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid blue;
}

#formulario_esquema {
display: table-cell;
  width: 85%;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid blue;
  overflow: hidden;
}

#contenedor_esquema {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  overflow: hidden;
  background: #E62424;
  box-sizing: border-box;
}
<div id="contenedor_esquema">

  <ul class="ca-menu">
    <li class="datospersonales">
      <a href="crear_paciente.php">
        <span class="ca-icon"></span>
        <div class="ca-content">
          <h2 class="ca-main">Datos Personales</h2>
          <h3 class="ca-sub"></h3>
        </div>
      </a>
    </li>
    <li class="esquema_tratamiento">
      <a href="crear_esquema.php">
        <span class="ca-icon"></span>
        <div class="ca-content">
          <h2 class="ca-main">Esquema de Tratamieto</h2>
          <h3 class="ca-sub">Ingreso de datos del tratamiento</h3>
        </div>
      </a>
    </li>
    <li>
      <a href="#">
        <span class="ca-icon"></span>
        <div class="ca-content">
          <h2 class="ca-main">Control Clinico</h2>
          <h3 class="ca-sub">Ingreso de medicamentos</h3>
        </div>
      </a>
    </li>
  </ul>

  <div id="formulario_esquema">

    <form method="POST">
      <legend>Primera fase</legend>


    </form>

  </div>

</div>
0
ответ дан 24.11.2019, 08:42
  • 1
    За него тебе благодарен, но за то, что отвечает só это с có я говорю, что он считается bajaba качество, он проверяет CГіmo отвечать –  11.03.2019, 04:17
  • 2
    Так как ты имеешь razó n compañ ero, когда respondí было поздно уже и был KO. Я жду, чем с edició n останьтесь má s яичный белок ответ. – Daniel Abril 11.03.2019, 11:13

Теги

Похожие вопросы