1回答
我有一个网站与不同的部分，每个设置为浏览器窗口的高度。在某些情况下，内容比浏览器窗口高，我使用一个函数来检查这一点，并使用以下函数将div的高度设置为其内容的高度：
$('.container').each(function() {
var _this = $(this);
var this_ = this;
var windowH = $(window).height();
var textH = $('.text', this).height();
if(windowH <
浏览 0提问于2013-04-23得票数 0
我正在尝试将代码中的一些图像更改为使用类...这样我就可以创建媒体查询。对我来说，第一步是将图像从视图“移动”到css文件中。
我试图在我的视图中替换这段代码：(这段代码可以工作)
94 <div class="item">
95 <img src="assets/images/outside/front2.jpg" width="100%" height="300px" alt="">
96 <div class="
浏览 2提问于2015-03-27得票数 0
我想改变这个不完全可见的CSS文本行。
CSS区域
.searchresult-title {
color: #4b4b4b;
line-height: 1.33em;
border-bottom: 1px solid #cccccc;
height: 43px;
overflow: hidden;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
HTML区域
<div class="
浏览 8提问于2017-09-26得票数 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
我开始基于文章创建我的HTML/CSS布局，并或多或少地成功了。然而，我认为我的css搞砸了，因为这个页面在IE或Chrome/Firefox中的显示方式不同……
基本上，我的想法是有3个等宽的列，高度为100%。每一栏的内容应该在左边，顶部和右边有一些填充，'main‘链接应该定位在每一栏的底部，并与其栏的中心对齐。
这是我的布局草图
您可以查看我当前的结果。如果你在Chrome/Firefox中查看这个页面，你可以看到content divs正在从我的页面“出血”出来，然而，在IE content divs中，它非常适合(我在content divs上加边框只是为了测试)
浏览 0提问于2012-07-12得票数 0
回答已采纳
2回答
当调试CSS设置为元素时，我们可以从Chrome开发工具打开元素检查。参考下图，字体大小，14px在style.css中应用，并且覆盖了base.css中的设置，那么height呢？没有来自任何.css的CSS声明，哪个样式表控制高度？
浏览 0提问于2014-10-11得票数 0
我想在图像上创建像视差的文本。并且，我使用背景图像内联样式来显示图像。如何设置此图像的高度？可能是图像的高度。但是，我的图像显示高度与文本行相关。例如，我有两行，我的图像高度将只显示两行的高度。
如果我以像素为单位设置高度( height :400px)，它可以工作，但是响应式设计如何呢？这是最佳实践吗？请给我建议。下面是我的css风格。提前谢谢你。
background-image: url(http://localhost:31903/wp-content/uploads/2015/05/corn-field-440338_1920-1024x680.jpg);
background-at
浏览 1提问于2015-08-12得票数 0
3回答
它在中的声明
注意，无论CSS框大小属性的值如何，.height()总是返回内容高度。从jQuery 1.8开始，这可能需要检索CSS高度加框大小属性，然后在元素有框大小时减去任何潜在的边框和填充。要避免这种损失，请使用.css(“高度”)而不是.height()。
我尝试了下面的例子
<div id='wrapper' class='boxA'>
<div class='boxB'>
Test
</div>
</div>
使用CSS
.boxA{
padding: 20
浏览 5提问于2016-04-12得票数 6
回答已采纳
2回答
问题
我正在尝试在CSS中设置div的背景图像，但它不起作用。
代码
.img-background {
background-image: url('Portfolio5.jpg');
height:100%;
width: 100%;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
<html lang="en">
<head>
&
浏览 0提问于2020-02-08得票数 1
我有这个html文件：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes.
浏览 2提问于2014-07-21得票数 2
回答已采纳
我有一个关于jquery .css函数的问题。我使用它来获取高度设置为auto的元素的实际高度。我使用的代码是：
$(this).css({ height: $(this).css("height"), width: $(this).css("width") });
问题是，.css函数有时返回"0px"，有时返回"auto"，有时返回实际高度(这是所需的行为)。有人能告诉我我哪里做错了吗？
浏览 1提问于2013-01-10得票数 1
1回答
我有一个分区，我根据我的要求添加视频.Now，我希望视频显示100%，这意味着它不应该从底部被裁剪，但是一旦我在css中增加了70%的高度，它就会减少30%，而我不希望..Here是我的HTML。
<video id='video-player' autoplay preload='metadata' controls>
<source src="css/Video/Sapno.MP4" type="video/mp4">
</video>
这是我的CSS..。
video#video
浏览 1提问于2014-10-07得票数 2
回答已采纳
html：
<html>
<head>
<title>Home</title>
<link rel="stylesheet" type="text/css" href="qa.css" />
</head>
<body>
<div id="wrap"></div>
</body>
</html>
css：
body {
margin:0;
padding:0;
}
#wrap {
width:750
浏览 0提问于2010-09-18得票数 0
回答已采纳
现在，我使用以下代码将元素动画化为150px：
$(".user-review-toggle").toggle(function(){
$(this).css("display", "none");
$(this).css("backgroundPosition", "0 -12px");
$(this).prev('.user-review').animate({height: 150}, 200, function () {
浏览 5提问于2011-12-06得票数 0
回答已采纳
1回答
我试图利用css的“列计数”与CSS填充相结合，并且我注意到，如果我指定一个列数为3，如果内容不合适，浏览器将呈现第四列的一部分。如下所示
这里是一个JSFidle ->
我在Chrome & Edge上看到了这个。这是一个已知的问题，还是有一个解决办法？
谢谢你的好意
下面的CSS。
.newspaper {
column-count: 3;
min-height:144px;
height:144px;
padding:20px;
column-gap:10px;
border: 1px solid black;
浏览 2提问于2016-10-07得票数 3
回答已采纳
在我的HTML中，我不能通过css改变标签的高度和宽度。但我可以改变顶部和左侧。
HTML：
<div id="loginname">
<label for="lognametext"></label>
<input type="text" class="required" name="loginnametext"
id="loginnametext" maxlength="500" />&l
浏览 1提问于2011-10-23得票数 0
回答已采纳
1回答
我在摆弄CSS动画，因为它们太棒了。
我正在试着在页面的左手边做一个导航栏。我希望条形图占据页面高度的100%，但是当我为高度设置该属性时，我的条形图不再出现在页面上。CSS动画不能使用基于%的高度和宽度吗？
我的CSS：
body{
overflow: hidden;
padding: 0;
overflow-x: hidden
}
div {
-webkit-animation:myfirst 4s; /* Safari and Chrome */
-webkit-animation-fill-mode: forwards;
font-size: .2px;
pad
浏览 2提问于2013-11-08得票数 0
1回答
我在SharePoint中有一个包含本地和全局内容的页面。对于本地内容，我们使用自定义编辑器web部件(Telerik)。对于全局内容，我让jQuery从全局存储库中的外部文件中写入内容。
现在，本地和全局内容是通过无序的list.To显示的，使本地和全局内容看起来无缝，我让jQuery自动调整本地和全球容器的位置：
在此页面中，内容所有者应该能够随意编辑本地内容，这可以通过Telerik web部件实现：
但是，一旦保存了更改，元素就会变得混乱：
我需要点击refresh才能将元素放在适当的位置。有时，甚至不需要编辑页面就可以得到这个bug。有时，第一次进入页面
浏览 0提问于2011-12-01得票数 1
回答已采纳
我想让我的站点适合浏览器--我尝试过这样做，当我尝试为body的css使用“width=100% height=100%”时，它做得很好，当我尝试使用容器的div时，它会消失，这意味着背景色看不到
这是html：
<html>
<head>
<title>Untitled</title>
<link href="css/stylesheet1.css" rel="stylesheet" type="text/css"/>
<link rel="icon" type=
浏览 1提问于2014-03-30得票数 0
回答已采纳
我可以使用下面的命令在我们的WP starter主题styles.css的底部使用CSS设置边框颜色，但是高度和行似乎不起作用-有人能告诉我正确的语法吗(注意:我使用gf_right_half作为CSS类名：
body #gform_wrapper_11 .gform_body .gform_fields #field_11_8.gfield textarea {
border: 1px solid green;
width: 100%;
height: 5px !important;
rows: 5 !important;
}
浏览 0提问于2015-04-27得票数 1
1回答
我已经尝试过使用： <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet"> 但我的mapbox对此没有响应。当我在手机上打开时，页面不能自动调整高度。
浏览 13提问于2020-12-07得票数 0
2回答
我想在我的网站周围使用CSS3专栏，因为它在宽页面上为用户提供了更好的用户体验。但是，如果我使用CSS3列，有时左边的列是满的(假设有20行文本)，而右边只有have2行的文本。我能用纯css3 (也许是Flexbox)让它有相同数量的内容吗？或者我需要JS来解决这个问题？
请注意，我不是在谈论相同的高度，而是相同数量的内容:)
浏览 0提问于2014-09-22得票数 1
我在CSS中给出了#header 82px的高度，但是即使#logo是它的子级，它也没有得到82px的高度。我应该在CSS中也给#logo 82px的高度吗？
代码： & ，另外，我想可能是HTML语言出了问题。我使用Sublime文本，虽然所有其他的div看起来都很鲜艳，但是第10行的#header看起来很苍白。他怎么了？
浏览 0提问于2013-02-26得票数 0
回答已采纳
2回答
我有一个浮动的div，用户可以改变字体大小。当他们这样做的时候，我有这样的代码：
$(element).css ( 'font-size', newFontSize);
alert ( $(element).css ( 'height' ) ); //60px
$(element).css ( 'width', 'auto' );
$(element).css ( 'height', 'auto' );
alert ( $(element).height()); //60 - no resize
浏览 3提问于2012-03-13得票数 1
回答已采纳
我有一个和类似的问题
我想要动画的div，到一个css属性的100%高度。这似乎不起作用：
$("#somediv").css('height', '100%');
除了向下滑动/向上滑动之外，还有什么方法可以解决这个问题吗？
浏览 0提问于2012-12-20得票数 1
回答已采纳
基本上，我希望有两个部分具有完全独立的卷轴：
TOC (使用H1、H2、H3从内容中使用JS生成)
内容(文本和图像)
下面是CSS：
#post-content {
width: 70%;
margin-left: 30%;
}
#toc {
width: 30%;
position: fixed;
height: 600px; // this would probably be calculated using the viewport
overflow: scroll;
}
在这个中，我已经有了基本的HTML/CSS/JS，但由于某种原因，我无法将
浏览 8提问于2022-09-20得票数 0
4回答
当在css而不是DOM中指定高度和宽度时，为什么画布显示为缩放的画布？
Html：
<canvas></canvas>
Css：
canvas{
width:100px;
height:100px;
}
浏览 1提问于2014-10-31得票数 5
我想知道使用jquery时，div是否受高度限制。
例如，这个div被限制为100 of，不管div的内容大小有100 of高：
<div style="height: 100px;">
bla bla
</div>
这一项不受限制，它的内容高度如下：
<div>
bla bla
</div>
换句话说，我想知道是否通过设置样式属性或使用单独的css样式来设置高度(如果是的话)。谢谢
FF3.6 解决方案FF5 IE8 Chrome12和Opera11 :
f
浏览 6提问于2011-07-28得票数 2
回答已采纳
2回答
我无法设置100%的高度，我的DIVs，尽管设置min-height的IE。下面分别是CSS和HTML。截图也附呈。
如您所见，左边的滚动条没有100%显示。
CSS
body
{
margin:0;padding:0;
min-height:100%;
height:100%;
}
#container
{
background-color: "#FFF";
width:100%;
margin: 1%;
overflow:auto;
min-height:100%;
height:100%;
浏览 1提问于2013-06-28得票数 1
回答已采纳
4回答
我对如何用html和css得到一个重复的图像有点困惑。下面是我的代码：
<html>
<head>
<title>Test</title>
<link rel="stylesheet" href="style.css" media="screen" />
</head>
<body>
<div id="top_background"></div>
</body>
</html&g
浏览 2提问于2012-04-04得票数 0
1回答
用可变值设置滑块拇指高度
、、、
我需要使用jquery设置范围输入的高度属性。我发现很多答案都说这是不可能的，你需要做一个解决办法，这是，或者这个
CSS :
input[type="range"]::webkit-slider-thumb {
height : 15px;
}
建议的解决方法是添加另一个具有新高度的css类，例如：
.newHeight::webkit-slider-thumb {
height : 45px;
}
最后，可以通过添加(或切换)新类来设置新的height：
JQuery :
$('html').addClass('newHeig
浏览 2提问于2017-06-23得票数 0
1回答
我试图做一件非常简单的事情:将视频大小调整为屏幕宽度的100%和屏幕高度的100%。但是，当我将宽度设置为100%时，高度似乎是自动调整的。
以下是我的HTML：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles/index.css">
<link href="https://fonts.googleapis.com/css?fami
浏览 0提问于2015-12-23得票数 0
HTML代码：
<!DOCTYPE html>
<html>
<head></head>
<body>
<link rel="stylesheet" type="text/css" href="style.css">
<div class="sheet" style="width:80%;max-width:1024px;height:400px;"></div>
</bo
浏览 1提问于2015-10-24得票数 3
3回答
这是我的三个div。
<div class="header">
<div>@ViewBag.Title</div>
</div>
<div class="content">
</div>
<div class="footer">
</div>
这是我的CSS。
<style type="text/css">
html, body
{
height: 100%;
widt
浏览 1提问于2015-06-05得票数 0
1回答
目前，我正试图通过指定width:100%和float:left来弥补与内容重叠的页脚，这样它就只会放在内容下面。
然而，在我的iPhone上，页脚仍然重叠着我的内容.我不明白为什么。我删除了缓存/等等..。而且它仍然重叠。CSS对另一个页面有效，但此页面不起作用。
CSS:
html {
background: #000;
}
body {
margin: 0;
padding-left: 40px;
padding-top: 25px;
}
#container {
min-width: 900px;
overflow: hidden;
}
浏览 1提问于2013-04-28得票数 0
回答已采纳
我使用JQuery的slideUp和slideDown函数来隐藏和显示一些带有动画的div。
但是它使用css属性来隐藏和显示display，我想使用css属性而不是display。
我该怎么办？
浏览 0提问于2013-11-11得票数 1
如果你有一个div：
<div id="test">
<img src="http://..." />
</div>
使用CSS：
#test {
height: x;
max-height: x + y;
overflow: auto;
}
假设div总是超过x的初始高度，并且在x+y处停止增长(并开始滚动)作为高度x+y+z加载的图像，这是安全的吗？
如果不是，我将如何在现代浏览器中一致地实现这种行为？
浏览 1提问于2013-07-26得票数 1
回答已采纳
1回答
我使用的是js DataTable，并且我尝试为表格设置默认高度和为行设置默认高度，实际上我所做的是：
$(document).ready(function() {
var table = $('#example').DataTable
({
iDisplayLength: 15,
"bLengthChange": false
});
$("#example").css("height", "650px");
$("#example tbo
浏览 15提问于2016-08-20得票数 0
2回答
我发现了一个很好的jquery插件，它可以按重量将图像自动缩放到容器上的浏览器屏幕上。但我也需要以身高来衡量。对于如何使用jquery或css实现这一点，有什么想法吗？谢谢。
例子(仅按重量衡量)
jsfiddle.net/nottrobin/9Pbdz/
浏览 4提问于2013-10-13得票数 0
回答已采纳
3回答
有点尴尬但我坚持住了。这是我的index.html：
<header>
<div class="wrapper">
<div class="top_menu">
</div>
</div>
</header>
这是我的style.css：
body{
font-family: Verdana, Geneva, sans-serif;
font-size: 12 px;
}
.wrapper{ width:1680 px; ma
浏览 4提问于2014-12-19得票数 2
回答已采纳
2回答
我使用创建具有3个可调整大小面板的基本布局。我想在Liferay 6.2中使用这个布局。
在liferay-portlet.xml中，我包含了所有的css和js文件。
<header-portlet-css>/styles/layout-default.css</header-portlet-css>
<header-portlet-css>/styles/main.css</header-portlet-css>
<header-portlet-javascript>/scripts/jquery-1.9.
浏览 5提问于2014-12-15得票数 1
回答已采纳
1回答
Jquery打印预览未显示整页
、、、、
我正在使用这个工具对我的页面进行打印预览。
我的页面上有张桌子。因此，当我在页面结束后绘制预览时，不会在火狐中显示整个页面。
但是在镀铬页面中，同样的页面工作得很完美，显示了一个完整的预览。
密码。
<link rel="stylesheet" href="{{ asset('bundles/joy/css/print.css') }}" type="text/css" />
<link rel="stylesheet" href="{{ asset('bundle
浏览 6提问于2014-02-06得票数 0
回答已采纳
3回答
我有一个侧div菜单，设置为高度: 100%。它工作良好，直到页面展开，我需要滚动，然后div保持在原来的高度。我试过：
$(window).resize(function(){
$menu.css({'bottom':'0px'});
});
以及：
$menu.css({'height':'100px'});
也没有任何影响。div的css是
.menu_click{
top: 0px;
right: 0px;
display: none;
position: absolute;
font-size: 16px;
wi
浏览 1提问于2016-03-24得票数 0
2回答
我有一个标题div标签背景，我试图将横幅div标记放在上面，这样它就可以显示图像。但它没有出现。我不知道怎么修好它。
标题标记CSS：
#header-wrapper
{
overflow: hidden;
width: 650x;
background: #659EC7 url(images/overlay.png) repeat;
}
#header
{
}
横幅标签CSS：
#banner
{
background: url(images/banner.png);
}
这是我的标题HTML代码。我把
浏览 6提问于2014-01-28得票数 0
回答已采纳
Website Screenshot : 我的徽标图像默认为264x84px。它的标题是69px高的，高度被定义为50px，但徽标的大小不会改变。它比标题大 我试着设置max-height，然后将它设置得更小，看看是否有帮助，但它根本不会调整大小 /html/ <div class='heading'>
<a class='logo' href="../index.html"><img src="img-tea-cozy-logo.png"></a> /html/
浏览 25提问于2019-04-09得票数 2
当我试图在jquery中将高度设置为div为auto并再次计算它的高度时，结果是0。为什么会这样？
$('#test').css('height','auto')
$('#test').height(); // 0
我怎么才能计算它的高度呢？
编辑
这是我正在运行的javascript代码：
function visitFix() {
$('.visit').find('.profileDetail').each(function () {
console.log($(th
浏览 7提问于2013-08-02得票数 0
1回答
我遇到的问题是，有时垂直图像不能得到高宽比，它会散开，但其他一些垂直图像得到的比率很好，并适合容器。
两个垂直图像没有得到高度，因为它的容器纵横比it= NaN
这是代码：
function Gallery(selector){
this.add_module = function(type, image){
var portrait_text = image.next('.portrait_text');
var container = $('<div />' , {
'c
浏览 3提问于2013-03-11得票数 1
回答已采纳
我想在我的网站上显示一个小画廊，但图像不响应AUTOWIDTH代码，并且它们没有相同的高度。
我创建了一个JS小提琴，这样我就可以更好地解释我自己了。
我试着使用这个CSS
.gallery .owl-carousel .owl-stage {
display: flex !important;
}
.gallery .owl-carousel .owl-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
但将矩形图像保留为正方形。
浏览 2提问于2019-02-13得票数 1
2回答
我真的很困惑，我试图创建一个带有图标和一些按钮的登陆页面，但是我无法将我使用的背景图像显示出来，即使它是根据Chrome的开发工具包加载的。
我只有这些台词：
index.html
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8"/>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<
浏览 4提问于2016-03-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
