0
357
VistasAlinee los últimos 2 niveles anidados divs horizontalmente
Estoy tratando de anular un HTML generado por un software. No puedo cambiar el HTML, pero sin embargo, el software ofrece la posibilidad de agregar CSS en línea. Estos son bloques anidados unos dentro de otros.
<div id='A'> DIV A <div id='B'> DIV B <div id='C'> DIV C </div> </div> </div>Aquí A>B>C. he intentado agregar
#A > div {display:inline-blocks;} & #A { display: flex; flex-direction: row; }pero de alguna manera DIV C siempre está debajo de DIV B ya que está codificado bajo DIV B. ¿Existe de todos modos? Puedo anular el CSS. La salida que busco es similar a la siguiente, con DIV B y DIV C alineados horizontalmente, no debe superponerse a diferentes tamaños de pantalla
1 Respuestas
Responde la pregunta0
La única forma de hacerlo con css es usar la posición absoluta en divs y anular algo específicamente que pueda usar !important.
div a{ position: relative; padding:0 15px; } div b { witdh:20% } div c{ position: absolute; width:70%; bottom:0; right:15px; }Este código funcionaría para algunas resoluciones una vez que estemos usando el tamaño porcentual, pero deberá verificarlas y también mejorar el código si es necesario.
También sería una opción mostrar ninguno div c y recrearlo con Js fuera del div b.