有人能告诉我iPhone导航栏的像素高度,当你将手机水平转动时？
我知道这是一个基本问题,但我找不到答案.
谢谢.
有一个mootools的快速解决方案,就像来自jquery的$(document).height()？我只是需要真正的文档高度,浏览器独立.
谢谢!
firebug中页面的来源不正确 - 它显示了body标签后的head标签内容:
<head>empty</head><body>head content here...</body>
有什么问题？
我有2个div,设置为60%宽度,但没有设置高度,这是父.在它内部我有一个div,设置为15%宽度,100%高度(不工作)和浮动:左.我还试图说div子有一个绝对位置(左:0px;顶:0px;底:0px;)然后来自父div的文本克服了它.不是这么好的父母.
澄清:我没有在父母身上放两个div,只有一个(孩子div).但我确实在父div中添加了一些文本.
这是css代码(它有点乱):
#parent{position:absolute;right:20%;width:60%;background-image:url('x.png');direction:rtl;margin-top:-1px;}
#child{width:15%;padding-right:12px;margin-top:-5px;padding-top:5px;float:left;height:100%;background-image:url('y.png');}
这是html代码:
<div id="parent">
<div id="child">line 1<br>line 2<br>line 3<br></div>
some text here. some text here. some text here. some text here. some text here. some text here. some text here. some text here. some text here. some text here.
</div>
请帮我!
我不能给父div一个固定的高度,因为我需要它自己调整内容(这是无法越过子div的文本).看到问题？我可以用完全不同的方式来做这件事,我愿意学习.
我在这个非常简单的css文件中遇到了这个问题,我想div从75pxin height和widthwith 转换一个:hover,但它似乎只是改变了width.
#ich{
transition: 2s;
-moz-transition: 2s; /* Firefox 4 */
-webkit-transition: 2s; /* Safari and Chrome */
-o-transition: 2s; /* Opera */
margin-top:40%;
width:75px;
height:75px;
border-radius:35px;
background-image:url(fb.jpg) ;
background-repeat: no-repeat;
background-position: center;
text-align:center;
display:block;
}
#ich:hover{
width:300px!important;
height:300x!important;
background-size: 300px 300px;
}
HTML只是一个div带有id #ich的body部分,没有别的.
我已经阅读了大量的问题和文章,我似乎无法弄清楚这一点.
这是我的布局结构的一个粗略示例:
body
- div 1 (header)
- div 2 (main content wrapper)
- - div 2a
- - - div 2a1
- - - div 2a2
- - - - div 2a2a (this div needs to fit 100% height of it's parent - div 2a2)
- - - div 2a3
- - div 2b
- div 3 (footer)
我认为我的主要问题源于2a的所有子元素都向左浮动的事实.
我发现的所有答案都谈到了添加100%高度的父容器,包括html和body标签.但我不能只是通过增加高度:100%; 所有每个提升的父母,因为它最终打破了我的布局.具体来说,当我将100%的高度添加到我的主内容包装器时,div 2.
这是我制作的一个jsfiddle,很好地代表了我的问题.
如何设置div使用JavaScript 的宽度和高度？
这是我的代码
<%@page import="org.json.JSONObject"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>View JSON</title>
<script type="text/javascript">
var rect1='{"minX": 0.0,"minY": 0.0,"maxX": 2460.0,"maxY": 3008.0}';
var rectangle = JSON.parse(rect1);
var maxx=rectangle.maxX;
var maxy=rectangle.maxY;
***What should i do here?***
</script>
</head>
<body>
<h5>JSON View</h5>
<div id="set">
</div>
</body>
</html>
我想将div宽度设置maxx为maxyvalue ,将height设置为值.我也想设置它的边界,1px以便我可以看到它是否正常工作.
谢谢
我正在编写一个计算最大高度/宽度的函数,并使元素具有相同的高度/宽度.我想将2个参数传递给此函数:
1. The selector, which can be(element, class )
2. jQuery `width()` / `height()` function
并且期望的结果应该是看起来像的功能..
Eg 1. equalDimensions('.class', width() ); OR
Eg 2. equalDimensions( div, height() );
并根据传递给函数的内容width()/ height()它将计算最大高度/宽度,并使所有作为第一个参数传递的选择器等于宽度/高度.
作为jQuery的新手,我正在努力将其放入代码中.
这是我到目前为止所尝试的......
var equalDimension = function( selector, fn ){
var dimension = fn();
var biggestDimemsion = 0;
$(selector).each(function(){
if($(this).dimension > biggestDimemsion){
biggestDimemsion = $(this).dimension;
}
});
$(selector).each(function(){
$(this).dimension(biggestDimemsion);
});
};
我一直遇到fullpage.js在firefox上不适合100%高度的问题.相反,它似乎将两个部分组合成初始屏幕高度的约50%
它适用于所有chrome和safari,但不适用于firefox.但是,只要我调整浏览器大小,它就会返回正确的布局.这可能意味着脚本首次初始化的方式有问题我猜测但是尽管搜索/尝试解决方案我还是空白了.
如果有人能够指出我正确的方向,甚至解决这个问题,那将是非常令人惊讶的,因为我很困难.
我暂时在google驱动器上托管了该文件: fullpagefail链接
谢谢!!
马克斯
我需要一个绝对定位的容器，该容器的大小应与内容的大小一样大（以便与容器后面的内容进行尽可能多的交互），但绝对不能超过最大高度（窗口的高度）。
内容具有三个子DIV，顶部两个是静态高度，如果滚动超过了父级的最大高度，则底部将使用滚动条占据剩余空间，该内容将被隐藏或显示。如果容器的高度为静态高度，则此方法效果很好，但是如果容器的高度仅为最大高度，则似乎孩子的calc无法正常工作，并且内容仅被裁剪。
编辑：需要支持IE 9+。
小提琴：https：//jsfiddle.net/z87cnmr2/1/
#container {
position: absolute;
top: 0;
left: 0;
max-height: 100%;
/* uncomment this static height to see it work */
/* height: 100%; */
width: 100px;
overflow: hidden;
}
#tip {
background: #ff0;
height:20px;
}
#top {
background: #f00;
height:20px;
}
#btm {
background: #0f0;
max-height: calc(100% - 40px);
overflow-y: auto;
}
html, body {
padding: 0;
margin: 0;
height:100%;
width:100%;
}<div id="container">
<div id="tip">Tips</div>
<div id="top">Tops</div>
<div id="btm">
Btm<br>
Btm<br> …