1回答
我有这样的代码：
html, body {
height: 100%;
margin: 0;
font-family: Helvetica;
font-size: 25px;
}
.header {
background-color: lightsalmon;
padding: 20px;
text-align: center;
}
.main {
padding: 20px;
text-align: center;
flex: 1 1 auto;
}
.footer {
background-color: lightblue;
pad
浏览 2提问于2021-08-06得票数 0
我正在使用jqWidgets选项卡，在选项卡的内容中包含jQuery contents下拉菜单
我遇到的问题是，当我点击打开下拉菜单时，div会在标签的底部被裁剪掉--我希望下拉菜单的弹出窗口能够覆盖所有内容并完全显示出来
请参阅以下基本示例来重现该行为：
我如何才能最大限度地减少对这两个样式表的修改呢？
<html>
<div style="width : 500px; height : 180px;">
<div id="tabs">
<ul>
<li>Test</l
浏览 1提问于2013-03-07得票数 0
2回答
我想在我的一个页面上显示一个100%高度的iFrame。
但是当我将高度100%添加到iFrame中时，它只能得到100px的高度。
我添加到iFrame中的代码如下：
<iframe src="http://carlist.bilinfo.dk/31282" style="border: none;" width="940" height="100%" frameborder="0" scrolling="auto"></iframe>
该页面是：
我试着添加html，&#
浏览 0提问于2013-11-21得票数 0
1回答
我正在尝试建立一个系统，用户可以在这个系统中更改显示的图像/文本组合的大小(比如“Ex附录#.#”之类的东西)，在这个系统中，图像将缩小到它需要的任何大小，而不会将周围的内容推开到包含的范围之外。然而，我尝试过的每一件事都有这样或那样的问题，并且考虑到我正在处理的图像可以是各种大小的，我需要一个解决方案来处理所有的情况。
这似乎是一个简单的问题，但无论出于什么原因，我完全是困惑。
下面是一个带有动画大小的JSBin，以更好地说明我的问题：
我正在使用的html/css：
body div {
text-align: center;
}
@keyframes movingbox {
浏览 2提问于2015-07-17得票数 2
回答已采纳
3回答
我不明白这两部分HTML之间的不同行为：
<!DOCTYPE HTML><html><body>
<TABLE style='border:1px solid black'>
<TR>
<TD style='height:100px'><div style='width:100px;height:100%;background-color:#ccc'></div></TD>
</TR>
</TABLE>
&l
浏览 4提问于2017-08-01得票数 0
回答已采纳
2回答
我一直在尝试将react代码中的HTML节点转换为Image，然后下载它。有几个库我们可以用来为我们完成这项工作，比如html- to -image，dom-to-image。但问题是，这些库以其视图大小下载图像，而不是以其原始大小。如果我有一个响应迅速的HTML div，它会随着窗口大小的变化而扩展和缩小，我希望将该HTML转换为原始尺寸的图像。我该怎么做呢？
浏览 6提问于2021-10-12得票数 0
2回答
在我的网页上，我有折叠和关闭的手风琴面板。我已经设置了特定的页面高度。然而，我希望它从一开始就是具体的，但当我打开和关闭面板时可以扩展，这样我就不必将页面设置得太长而没有内容。对我该怎么做有什么想法吗？
这只是我使用的一个例子，这是目前高度较小的原因。
我当前的代码：
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
&
浏览 3提问于2016-11-07得票数 0
4回答
我有以下代码：
<div class="container">
<div class="fixed-area">
<div class="content"></div>
</div>
</div>
CSS
html, body {
height: 100%;
margin: 0;
}
html, body, body * {
z-index: 3;
}
div.container {
height: 100%;
浏览 4提问于2014-05-08得票数 0
回答已采纳
请不要投票结束。这是关于为什么这不起作用的技术原因。我已经有了一个可行的解决方案，我没有要求它。
简单的例子，我需要使.wrapper高度，至少，浏览器的高度。
以下工作在IE10-11、Edge、Firefox、Chrome ()中完成：
<!doctype html>
<html lang="it">
<head >
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content=&
浏览 0提问于2018-03-20得票数 5
以下是该站点的位置：
javascript位于这里：{site}/script/main.js
我使用jQuery动态地将内容加载到主页上的#容器div中。当您单击主页上的链接时(例如。( "Test 1")，它从ajax.php加载内容，并将新的html放在#container中。我尝试了大量不同的解决方案，但我无法获得适合新内容的高度。它只会延伸到div的末尾。但是，如果您转到，它将按预期工作。我尝试了我在页面加载中使用的方式，但是它不起作用：
$('#container').html(d);
var h = $('#container').
浏览 2提问于2011-04-11得票数 0
回答已采纳
我有一个nav包装在标题元素和相同宽度的内容框架，应该放在它下面。
当我在%中指定标题宽度时，页面是这样的：
这是在ems或pxs中指定的时候：
那么为什么它不能正常工作呢？
HTML: (仅为设置相同颜色而添加“”类)
<header id="page-header">
<img id="logo" .../>
<nav class="content" id="page-nav">
<ul>
浏览 2提问于2014-06-02得票数 0
回答已采纳
1回答
如何获得父div的宽度？ 我需要画布是最大的宽度，它可以。但是div应该仍然在我的CSS-file设置的边界内。 换句话说:如何在仍然处于div边界内的情况下获得可能的最大宽度？ 所以： function setup() {
//somehow get the width of the div and set the canvas to that
const myCanvas = createCanvas(400, 400);
myCanvas.parent('canvasDiv');
}
function draw() {
backgrou
浏览 32提问于2020-10-21得票数 0
回答已采纳
4回答
更新
html和body的页边距需要为0才能完全填充页面。
结束更新 *UPDATE*
我已经修正了使用下面的建议添加高度属性到html和body标记。现在，需要稍微向下滚动才能查看整个页面。为什么会发生这种事？
端更新
我正在使用CSS做一个div填充屏幕的需要。我已经将宽度和高度设置为100%，但是div没有填充屏幕的高度。这是IE7的一个已知问题，还是我可能只是遗漏了什么？下面的代码。
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/
浏览 6提问于2012-04-11得票数 3
回答已采纳
我在我的网站上使用了以下代码
<p>
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(function() {
slider = jQuery('#slider-content');
slider.before('<div id="stripNav0" class="stripNav">').cycle({
fx:
浏览 0提问于2010-10-05得票数 0
我试图将内容容器填充到高度的100%，同时有一个30 to的标题。但目前，内容容器大于100%，这将导致滚动条。
码
html {
padding:0;
margin: 0;
height:100%;
}
body {
padding:0;
margin: 0;
height:100%;
}
#header {
height: 30px;
background: black;
width: 100%;
position: absolute;
z-index: 2;
}
#container {
position: relative;
he
浏览 8提问于2016-02-03得票数 4
回答已采纳
2回答
如果我设置了下面的CSS：
html,
body {
min-height: 100vh;
}
.container {
height: 100%;
}
<div class="container">
Hello
</div>
容器不填充整个高度区域，但是如果我用高度:100 it更改最小高度:100 it，它就能工作了！这一切为什么要发生？
浏览 4提问于2019-07-18得票数 0
回答已采纳
如果一个元素的滚动条在底部，如何检入JQuery？html结构类似于以下内容
<div class="container">
<ol class="list">
<li class="item">Item 1</li>
....
</ol>
</div>
如果ol.list下的项目超过了定义的高度，.container就会得到一个滚动条。
浏览 0提问于2012-06-21得票数 1
回答已采纳
我认为基于Angular 6创建一份简历会很好，你可以为你的简历的每个部分创建单独的组件。例如，一个用于你的个人资料，一个用于你的教育，一个用于你的投资组合等。我用Angular flexLayout构建了每一个。单独来看，它们看起来很好，但当我将它们堆叠在app.component.html中时，文本/图像重叠。
我已经创建了一个简单的stackblitz来演示这一点。
浏览 8提问于2018-08-20得票数 2
2回答
我正在使用Zurb基金会5，但是我认为这个问题与基金会无关。我有一个外部的div与height: auto;，一个内在的div，我正试图使height: 100%，直到页脚。但这不管用。目前，站点地图div和页脚之间存在着巨大的差距。
您可以参考以下链接：
我的HTML：
!doctype html>
<html class="no-js" lang="en">
<head>
</head>
<body>
<!--header ends-->
<!--body
浏览 5提问于2015-01-08得票数 0
回答已采纳
我有以下html/css代码。我想要做的是，只有当.inner元素的高度超过了我在代码中设置的默认最小高度时，它才能适应内容。下面的代码不允许.box元素扩展到.inner的初始高度，我不想这样做。我怀疑这与flex有关。如果我将display:flex;从.inner中删除，则这些框会超出.inner的初始高度，但.inner不会伸缩以容纳内容。在本例中，我希望.inner扩展，而使用display:flex;或display:grid;表示.inner，否则，将按照我在代码中设置的方式进行操作。如何才能做到这一点？
* {
margin: 0;
padding: 0;
bo
浏览 0提问于2021-06-14得票数 1
2回答
我已经创建了这个html文件，其中数据是使用ajax请求加载的，但是其中存在一个棘手的问题。它没有在任何浏览器中给我显示垂直滚动。
html
<div id="register1">
<h2><center>Live Conversation</center></h2>
<div id="showall">
//data is loaded here using ajax request
</div>
<div id="white"&
浏览 3提问于2016-05-04得票数 1
回答已采纳
1回答
我之前在这里问过这个问题，但可能是因为缺乏理解，没有人回答正确。我正在尝试在父容器的mouseenter事件上有一个toolbar (或者你想推荐的其他东西)。
现在，在调整具有flex: 1的container2组件的大小时，toolbar在父容器的底部可见。
下面是我的代码：
var hContainer = []; //adding many blocks to this dynamically
hContainer.push({
xtype: 'panel',
flex:1,
layout: {ty
浏览 3提问于2013-03-26得票数 1
我知道这是一个常见的问题，我真的为不能解决这个问题而感到愚蠢，但是我在HTML中有一个3列的布局，我真的不能解决这个问题。
这是我的网站的基本布局：
固定标题，每边1个侧边栏，中间区域有内容。
这是我所说的站点的一个模型：
乍一看还不错，但当浏览器调整大小时，侧边栏就会变得非常小，并且会有大量的空白。为什么会这样呢？非常感谢你提前这么做。
浏览 4提问于2013-02-02得票数 0
1回答
我在一个两栏设置的网页上工作。我将所有内容分成两列，每个列都有一个容器。我正在尝试移动一个包含h1标题的div。它的位置是:相对的，我正在尝试基于百分比移动它，这样当浏览器调整大小时，它看起来仍然很好。我可以用百分比来移动左/右，但不能移动顶部或底部。它可以与px一起工作，但当浏览器调整大小时，它会变得一团糟。我做错了什么，我需要做什么才能在百分比最高的情况下移动它？
下面是html (它实际上不在一行中，但由于某种原因，它不想在这里以实际的方式出现)：
<div class = "aboutuscontainer2"> <a href="
浏览 0提问于2015-12-24得票数 0
我试图把一个反应的绝对定位图像在一个相对的div内。我已经将边界放置在两次潜水附近，以形象化这个问题。右边的那个没有包裹。另外，我想把图像导航保持在图像的中间。
主要目标是保持包装div响应和包装图像的大小-当图像大小改变窗口大小调整。
在这里，您可以看到codepen - 中的问题。
advert.css
body{
}
.wrapper{
width: 80%;
margin: 100px auto;
}
.advert{
position: relative;
height: 100%;
}
.advert img{
position
浏览 2提问于2015-04-12得票数 1
当我将图像的高度设置为50%时，其容器的高度保持不变，而不是自动调整。
HTML：
<section class="img-show">
<div class="img-container">
<ul>
<li class="img-item">
<a href="">
<img src="./An
浏览 0提问于2018-02-22得票数 0
1回答
我正在学习前端，我正在尝试从frontendmentor做一个挑战，它还包括一些表单验证。因此，每当用户提交表单时，如果任何输入字段为空，则在输入中应该出现一个小错误图像，并且在输入下面应该有一行声明输入字段不应该为空。 因此，当出现错误时，图像和线条会出现，但窗体的高度会增加。我给车身和封闭容器设置了最小高度，但它还是不能工作.. 质询链接challenge link codepen链接codepen 代码 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UT
浏览 13提问于2020-10-04得票数 0
回答已采纳
3回答
我在这儿把头发扯开了。有谁知道我怎么能得到一个div来填充屏幕的水平和垂直的？我可以让它水平填充，但它只是拒绝填充垂直，除非一个指定的宽度像素。我做错了什么？
这就是我想要完成的，不用滚动就可以得到底部填充：
谢谢!
HTML：
<div id="main">
<div class="main_content"></div>
</div>
CSS：
#main {
margin-left:auto;
margin-right:auto;
height:100%;
width:auto;
padd
浏览 3提问于2015-06-10得票数 1
回答已采纳
1回答
我为tablet/smartphone制作了一个简单的html页面(景观布局)。当我点击一个输入来写一些文本时，虚拟键盘移动/推送每个元素时，我遇到了一个问题。
截图：
有办法阻止吗？
浏览 2提问于2020-01-10得票数 0
我不能让div到达页面的底部。下面是我的代码：
<!DOCTYPE html>
<html>
<style>
#Welcome {
background-color: pink;
height: 100%;
}
</style>
<div id="Welcome">
Welcome!
</div>
</html>
我没有工作，当我输入高度: 100%；我也尝试了min-height: 100%；但两者都不起作用。我做错了什么？
浏览 88提问于2018-06-02得票数 0
回答已采纳
2回答
我想在我的网页上有一个水平和垂直中心的内容。我就是这样做的。
<!DOCTYPE html>
<html>
<head>
<title>Eko</title>
<%= csrf_meta_tags %>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
</he
浏览 1提问于2017-03-21得票数 4
回答已采纳
嘿你好啊！我有一个比较棘手的IE6问题(我们不都是这样吗？)。
我想出了一种非常简洁的方式来创建一个带有透明背景的div，它显示了背景的身体图像，并包含了不透明的内容。这实际上由三个div组成：
一个大的容器div，一个绝对定位的透明div作为背景，以及一个相对定位的div与非透明的内容。
我将这两个div放置在包含div的内部，使它们彼此重叠，从而提供带有非透明内容的透明背景外观。
将包含的div推送到内容div的大小。我将透明背景的高度和宽度设置为100%，使其呈现包含div的大小。这意味着我的背景随着内容的扩展而扩展，使得我所有的div都是可扩展的。
最后一点就是问题所在。IE 6不会使
浏览 1提问于2010-04-01得票数 2
我有一个简单的代码：
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8" />
<style type="text/css">
html{
background-color: red;
height: 100%;
}
body {
浏览 0提问于2014-06-27得票数 0
我想要创建一个具有固定标题高度的表(f.ex )。20 of和其他行的高度应该由容器的百分比(f.ex )来定义。12%)。
行号从4到6不等，这就是我的表行为错误的原因。标题的高度取决于行数，尽管它是在css中定义的(确定是最小高度、高度和最大高度)。
下面是一个CSS示例：
#container
{
height: 800px;
}
#t1
{
border-collapse: collapse;
table-layout: fixed;
//height: 100%;
border: 1px solid black;
}
#head_row
{
height:
浏览 2提问于2013-12-17得票数 0
回答已采纳
1回答
div HTML5中的单页滚动
、、、、
我在这个网站(HTML5，CSS3和JS)上工作，它有2个div (页眉和页脚)，其中有CSS position: fixed，并有一个中心div，其中有position:absolute和包含的内容。
我想做的是在这个中心div中实现滚动捕捉，它有绝对的定位。但由于某种原因，我无法做到这一点。这是我尝试使用的jquery插件：
你们能帮帮我吗？
这是一个带有设置的JSFiddle：
浏览 13提问于2017-01-26得票数 0
2回答
我得到了一个来自HTML格式的远程API的响应。除非您按下Read 按钮，否则不应该显示全部内容，响应如下：
"<p>A suspension concentrate (SC) formulation containing 450 g/litre of napropamide (41.4% w/w) for the control of annual grass and broad-leaved weeds in winter oilseed rape.</p>\r\n<p><strong>DIRECTIONS FOR USE</s
浏览 0提问于2020-04-26得票数 1
2回答
我有一个简单的HTML模板和一个相关的CSS。
我得到了默认的页面滚动，即使它没有内容在它。
我没有发布代码片段，而是链接了它的
浏览 0提问于2014-06-09得票数 1
2回答
我有一个超级简单的页面：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="@Url.Content("~/ui/all.min.css")" type="text/css" />
</head>
<body>
<div class=
浏览 0提问于2012-12-18得票数 0
回答已采纳
2回答
我有一个简单的片段：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body id="background-image"
style="background-image: url('background.jpg');" >
&
浏览 5提问于2021-01-27得票数 0
回答已采纳
4回答
我试图在DIV的末尾添加两个图像(ul，li)。我使用位置绝对，相对和左:0，底部:0，它做到了，但它不停留在div上。
图像显示在"MainDiv“中，而不是”容器“中。
css：
#MainDiv{
background:url(../img/background.jpg) no-repeat;
background-size:cover;
width:100%;
height:600px;
}
#container{
width:980px;
height:600px;
margin:0 auto;
position:relative;
}
浏览 4提问于2014-04-17得票数 0
回答已采纳
1回答
我刚开始使用棘轮，它很棒。我正在开发一个使用棘轮2.0.2的Phonegap应用程序，使用push.js在页面之间过渡。但我不能在其中运行外部javascripts。我查了
但是我不能在里面加载googlemap的javascript v3。
我的HTML页面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Movie finder</title>
浏览 1提问于2014-07-24得票数 1
我正试着制作一个脚本，用谷歌表格给一张桌子发电子邮件。我将内容传递给HTML文件，并在没有问题的情况下从HTML文件中取回它。( HTML表代码显示在控制台日志中。)MailApp似乎运行良好。当我进入我的电子邮件，一切看起来都正确(甚至预览)，但电子邮件本身没有显示任何内容.
有人能向我解释一下发生了什么吗？
这是我的密码。请原谅我的笔记，它们是写给比我了解得更少的人的。
console.log(""); // The console log runs parallel to execu
浏览 1提问于2021-03-04得票数 0
回答已采纳
2回答
无滚动的底部中心的div
、、、
我想要创建一个静态页面与youtube视频，没有任何内容。我需要视频div在页面的中心-底部，没有滚动，没有高度和宽度提到{，因为我是使用响应css}。我试着遵循下面的代码
html：
<div class="video-content">
<div class="video-container"><iframe width="420" height="315" src="//www.youtube.com/embed/fMJ21v7mX7U" frameborder="0
浏览 0提问于2014-03-17得票数 0
回答已采纳
2回答
我在div中阅读了许多关于内容垂直对齐的答案，并试图实现我看到的主要答案：
.middle-col{
vertical-align: middle;
display: table-cell;
}
但不起作用。
见。
因为它是基于引导构建的，所以您需要展开HTML的结果以查看div
我试图实现的是-垂直对齐中间列的内容。
浏览 5提问于2013-09-22得票数 0
回答已采纳
2回答
我对FxFlex和火狐有一个无法解决的问题。
我想要做的是一个div，它用40 to高度填充屏幕和标题，其余的高度填充内容。
它工作在铬，我的屏幕有982 It，标题有40 It和内容942 It。
在Firefox中，屏幕有982‘t、头40’t和内容982‘t，所以它没有显示所有的内容。
这是我的html：
<div fxFlexFill fxLayout="column">
<header fxFlex="40px">
</header>
<content fxFlex fxLayout=&#
浏览 0提问于2018-09-20得票数 0
回答已采纳
1回答
以角度呈现Web组件？
、、、、
在中，HelloComponent在呈现的标记中包含一个web组件fs-image。这是构成部分：
import { Component, Input } from "@angular/core";
import { DomSanitizer, SafeHtml } from "@angular/platform-browser";
@Component({
selector: "hello",
template: `
<div [innerHTML]="safeHTML"></div>
浏览 0提问于2021-01-16得票数 0
今天我在这里读了相当多的问题，希望能回答我的问题，但无济于事，所以我希望这里的人能帮助我。
我试图发展我的网站，以响应式的网页设计，并与图像有问题。
问题：
我试图从我的css中加载被标记为背景图像的图像，但由于我加载它们的容器中没有内容，因此将高度设置为auto将导致没有图片，因为从技术上讲，容器为0而没有任何内容。我需要将高度设置为自动，因为我需要图像与网页缩放，以便它将保持比例，而不是大的空白空白。
我知道要让我的背景图像缩放，我必须将我的css设置为：
background: url(../images/image.jpg);
background-repeat: no-repeat;
浏览 5提问于2013-02-26得票数 1
我有一个带有svg背景+动画的div。我添加了一个按钮，并说当我单击一个类时，类应该被切换/添加和移除，这样“背景图像”就会发生变化。但它不起作用。也许这是jquery中的一个错误，但实际上我一点也不知道。
这是我的代码：
我的css代码包含完整的svg代码(->u不能超过30.000 charakters )：
html, body {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
background-color: black;
overflow-y: hidden;
}
.Space-Contain
浏览 4提问于2017-02-05得票数 1
回答已采纳
1回答
我有一个包含facebook评论插件的html页面。当我添加一些注释时，我希望容器div的高度动态增长，我认为我应该通过两个步骤来完成它:步骤1-捕获add注释操作。步骤2-重置div高度。我被困在step1了，因为当有人添加评论时，页面不会刷新。(PS:我确实想使用滚动条)。有人能告诉我怎么做吗？
<html>
<head></head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs =
浏览 2提问于2014-11-20得票数 0
回答已采纳
我试图把一个div在我的网页左侧，而不是固定的，必须是100%的高度和30%的宽度。我的意思是，如果你滚动，它也会被滚动，它将不会一直固定在相同的位置。
我的问题是，当我放height: 100%;的时候，它不包括我给他指的高度。当我设置position:fixed时，它只覆盖整个高度，而当我将其设置为static、absolute或relative时，则不覆盖它。
我认为这可能是因为我必须将width: 100%;和height: 100%;设置为<html>标记，但如果将其与<body>标记进行比较，它似乎没有任何区别(我知道这两个标记之间存在差异，但我不知道在这种
浏览 5提问于2016-04-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
