Место между div

Привет то, за чем оно последует, что quierpo помещать один div под другим, но поскольку они могут видеть в нижнем коде, он кладется на наверху. Что они рекомендуют мне для того, чтобы он клался немедленно внизу, не оставляя место каким-либо?

#inicio
{
	background-color:#020213;
	color:white;
min-width :100%;
  position:absolute;
  margin-left:auto;
  margin-right:auto;
  margin-top:auto;
  left:0; right:0; top:0;
  

  
  } 

 

ul {
	
	background-color:red;
	position:absolute;
top:0; left:0;
	
	}
<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="hola.css"/>
		<title> Cine </title>
	</head >
		<body>
		
		<div id="inicio">
		<h1>
		<p>hola</p>
</div>
       <div id="hola">
	<ul>
		<
		<li><a href="#">inicio</a></li>
		<li><a href="#">inicio</a></li>
		<li><a href="#">inicio</a></li>
		<li><a href="#">inicio</a></li>
		<li><a href="#">inicio</a></li>
		</ul>
		
	</div>
		
		</body>
2
задан 12.01.2017, 16:57
0 ответов

Чтобы избегать точно того, чтобы пришли в волнение все элементы <p> и <ul>, я добавил бы маленькое изменение к CSS примера в исправлении: Error404

/* SOLO AFECTA A LOS DESCENDIENTES DE div#inicio*/
#inicio p{
  margin: 0;
  font-size: 35px;
}

/* SOLO AFECTA A LOS DESCENDIENTES DE div#hola*/
#hola ul {
   background-color:red;
   top:0; left:0;
   margin: 0;
}
1
ответ дан 03.12.2019, 17:44

Первое, ты должен наблюдать, что ты оставляешь открытые этикетки и другие, что ты не закрываешь их (h1, один > что никому не принадлежит...).

Позже, ты должен иметь в виду, что параграфы (элемент p), все h1, h2, h3, и т.д. и списки (элемент ul) у них есть назначенный по умолчанию край. Чтобы снимать вышеупомянутый край ты был бы должен использовать свойство margin: 0.

Если ты хочешь сделать большой букву первого параграфа, что ты можешь делать, вместо того, чтобы использовать этикетку h1 (какова приносит край), ты можешь лишать его края в этикетку p и менять Ваш размер шрифта со свойством font-size.

Также ты можешь наблюдать, что ты не нуждаешься posicionar ни в каком элементе со свойством position.

Внимание: Если ты ссылаешься на элемент p ты сошлешься на каждый из элементов p что был на странице. Если бы ты захотел изменить один только, тогда ты был бы должен использовать один ID или если бы ты захотел применить этот стиль только в несколько, ты был бы должен применять к нему класс.

Твой исправленный пример:

#inicio
{
  background-color:#020213;
  color:white;
  min-width :100%;
  margin-left:auto;
  margin-right:auto;
  margin-top:auto;
  left:0; right:0; top:0;
} 

p{
  margin: 0;
  font-size: 35px;
}

ul {
   background-color:red;
   top:0; left:0;
   margin: 0;
}
<!DOCTYPE html>
<html>
   <head>
      <link type="text/css" rel="stylesheet" href="hola.css"/>
      <title> Cine </title>
   </head>
   <body>
      <div id="inicio">
          <p>hola</p>
      </div>
      <div id="hola">
         <ul>
            <li><a href="#">inicio</a></li>
            <li><a href="#">inicio</a></li>
            <li><a href="#">inicio</a></li>
            <li><a href="#">inicio</a></li>
            <li><a href="#">inicio</a></li>
         </ul>	
      </div>
   </body>
</html>
0
ответ дан 03.12.2019, 17:44
  • 1
    " Если ты хотел изменить один только тогда deberí схвати использования ID". Не необходимо использовать идентификаторов или классы, чтобы касаться только нескольких элементов. Bastarí чтобы с использовать селектор сына и сочетает с nth-child или first-child / last-child/ last-of-type / first-of-typВ. –  13.01.2017, 14:12
  • 2
    @guzgarcia Sí но imagí nate, который меняет DOM на какое-то обстоятельство. Возможно, что элемент, который находится во-первых, прибывает момент, что esté во-вторых или в другой posició n отличная. С идентификацией ты убеждаешься, что он всегда сослался на этот элемент. –  13.01.2017, 14:39
  • 3
    В этом случае, и только в этом случае, serí в vá lido добавлять один пойдите или классы. Если это не случай, возможно применять это раньше mecionado. Это не deberí схвати , это podrí схвати , потому что есть несколько решений для той же problemá костариканская. Приветствие. –  13.01.2017, 14:41
  • 4
    @guzgarcia Ну, quizá s не был словом má s преуспевшая, ты имеешь razó n. Однако, никогда я не видел, когда никто не использовал nth-child, чтобы относиться только к só элемент. Ло verí в добро в случае, если ты хотел например, чтобы всегда у первой линии таблицы был различный стиль, или чтобы в каком-либо dropdown элементов у него должны были быть определенные стили, не импортировать контент. Однако, я вижу много má s contextual (и это мотив, из-за которого существуют IDs) звонить в конкретный элемент с конкретной идентификацией. –  14.01.2017, 01:27