Eso no lo sabia
, tenia entendido que era simplemente para priorizar orden de carga
sigue sin ir, ni con % ni con px
Código:
Uncaught TypeError: Cannot read property 'style' of undefined (index):98
(anonymous function)
Código HTML:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>Título</title>
<style>
[data-fila] {display:table; margin:0 auto; width:100%;}
[data-borde] {border-collapse:collapse;}
[data-borde]>[data-celda] {border:.2em solid black;}
[data-celda] {display:table-cell; vertical-align:top; padding:0 10px;}
[data-celda]{background: green; height: 5em; margin-bottom: .5em;}
</style>
</head>
<body>
<div data-fila="960px" data-borde>
<div data-celda="30%"></div>
<div data-celda="70%"></div>
</div>
<script>
var celdas = document.querySelectorAll("[data-celda]"),
total = celdas.length;
for (var i = 0; i < total; i++)
celdas[i].style.width = celdas[i].getAttribute("[data-celda]");
</script>
</body>
</html>