html，正文：100％无法正常工作
[英]html, body: 100% not working
问题描述
I have a page with a simple structure, have a lot of divs repeating same content (text-and two images), i need this to print a image that doesnt repeat in firefox only, heres an example: 
我有一个结构简单的页面，有很多重复相同内容的div（文本和两个图像），我需要用它来打印仅在Firefox中不重复的图像，这是一个示例：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<meta charset="UTF-8">
<title>Cupones de descuento</title>
</head>
<body>
<div class="content">
<!---------------------------------------CUPON TURISTA--------------------------------------->
<img src="img/cortesup.png" class="corte" />
<div class="cupon">
<div class="logo"><img src="img/logobuzios.png" class="logobuzios" alt="logobuzios" /></div>
<div class="cont">
<h3>CUPON N°:</h3>
<p>Nombre:</p>
<p>DNI:</p>
<p class="info">Válido desde DD/MM/AA hasta DD/MM/AA</p>
<img src="img/separador.png" class="separador" alt="separador"/>
<h3>MENÚ TURISTA</h3>
<p>VÁLIDO PARA: 1 (UN) ALMUERZO O CENA</p>
<p class="turista">Menú Turista: Incluye 1 (un) plato de entrada a elección + Incluye 3 (tres)
opciones de plato principal + Incluye 1 (un) postre a elección.<br />
NO Incluye Bebida. Horario de atención: 12 a 21:30 hs.</p>
<img src="img/separadordos.png" class="separador" alt="separador"/>
<p class="restaurant"><strong>RESTAURANTES ASOCIADOS:</strong> CLUB LA PLAGE - DON JUAN - BAR DO MANGUE - BUZIN -
ENU SUSHI - LA DOLCE VITA - PATIO HAVANA - NOI - PURO SABOR - SAN TELMO - DONA FLOR
MINEIROS GRILL - LORENZO - RINCON - PARVATI.</p>
</div>
<div class="pie">
<p class="asociados">Visite nuestro listado de <strong>Restaurantes Asociados</strong></p>
<img src="img/cubiertos.png" class="cubiertos" alt="cubiertos"/>
<p class="web">www.grupobuziosgourmet.com</p>
</div>
</div>
<!--Datos útiles-->
<div class="datos">
<div class="datoshead">
<p class="datosutiles">DATOS ÚTILES</p>
</div>
<p class="utiles">El pasajero titular deberá presentar el o los vouchers impresos en el restaurante que haya seleccionado para consumir.<br />
<strong>UBICACIÓN DE RESTAURANTES:</strong><br />
<strong>CENTRO DE BÚZIOS:</strong> DON JUAN - BUZIN - LA DOLCE VITA - ENU SUSHI - PATIO HAVANA - NOI - PARVATI - PURO SABOR - MINEIROS GRILL - LORENZO.<br />
<strong>JOÃO FERNANDES:</strong> CLUB LA PLAGE - DONA FLOR.<br />
<strong>MANGUINHOS:</strong> BAR DO MANGUE (PORTO DA BARRA).<br />
<strong>ORLA BARDOT:</strong> MATAHARI - RINCON (CENTRO).<br />
<strong>FERRADURA:</strong> SAN TELMO (SOBRE AV. PRINCIPAL).<br />
<strong>HORARIO DE ATENCIÓN:</strong><br />
Todos los restaurantes asociados a Grupo Búzios Resto atienden de 12 a 21.30HS.
<strong>Excepto Club La Plage (sólo almuerzo con bebida + 1 café o caipirinha de cortesía) de 12 a 16 hs. Dona Flor (sólo cena) de 18 a 21.30 hs.</strong>
Ante cualquier inconveniente podrá comunicarse de L a V al tel. +5411-5275-0075 y a nuestro servicio de guardia los fines de semana: Cel. Búzios: +0055-22 9227-8174 / +0055-22 99282-2067
</p>
</div>
I have tried to put the height: 100%; 我尝试将高度设置为：100％； and min-height too 100% to body and html, , at the div container too, but still not working. 并且min-height也太过100％到body和html，在div容器处，但仍然无法正常工作。
Thanks! 谢谢！
3 个解决方案
解决方案1
0 2015-03-13 04:08:29
You just try this. 您只需尝试一下。
html{
height: 100%;
}
body {
min-height: 100%;
}
Refer this url: Make body have 100% of the browser height 引用此URL： 使主体具有浏览器高度的100％
解决方案2
0 2015-03-13 08:47:24
i updated your fiddle: you gotta remove the height: 100% from html and body and use it like this: 我更新了您的小提琴：您必须删除height: 100%来自html和body，并像这样使用它：
body {float: left;}
#content {float: left;}
https://jsfiddle.net/7x32pna7/1/ https://jsfiddle.net/7x32pna7/1/
hope that helps 希望能有所帮助
解决方案3
0 2015-03-13 08:54:09
Try: 尝试：
body {float: left;
margin: 0px;
height: 100%;
width: 100%;
}
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.