我有一个父级div或class=row，以及两个分别为class=colo-xs-6的子级。我希望有空间之间，但也有边界。所以我给每个人都增加了一个孩子。-xs-6类提供一个15 my填充，所以我得到了我的空间。现在的问题是，我希望它们的大小是一样的。
我在该行中添加了显示:表行。
我在两个子列中添加了display:table-cell和float:none。它给了div等高。
我的问题是，包含内容的第二个子div比第一个子div小。因此，固体边界并不是等高的。子div如何继承父级大小？
<script src="https://code.jque
浏览 3提问于2016-02-01得票数 1
我正在尝试使用jQuery.matchHeight将元素设置为相同的高度。我从Angular指令调用函数
angular.module('myApp')
.directive('matchHeight', ['$timeout', function ($timeout) {
var linkFunction = function(scope, element) {
$timeout(function() {
angular.element(element).matchHeight();
});
浏览 5提问于2016-10-20得票数 0
1回答
我希望iFrame占80%的高度和广告有剩余的20%。
代码
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<iframe id="iframe" src="xxxxxx" style="border:0; width:100%;"></iframe>
<script async src="//pagead2.googlesyndicati
浏览 0提问于2016-07-05得票数 0
4回答
我有一个水平滚动条，只有在悬停时才会显示。但问题是，当它显示出来时，它会增加它的容器的高度，并将下列元素向下推。.you可以看到当滚动条显示时，2 div将被按下。
<div class="wrapper">
<div class="one">
<div class="oneChild">the height is unknown,the height is unknown,the height is unknown,the height is unknown</div>
</div&
浏览 5提问于2013-12-05得票数 3
我知道YouTube API没有提供类似于本机YouTube播放列表的显示播放列表侧边栏的功能。
通过搜索，我找到了一个很有希望的插件来模仿这种行为。
不幸的是，这个插件不再适用于YouTube的APIv.3，然而，Giorgio003创建了一个带有APIv.3支持的叉。
我已经遵循了所有的安装说明，但似乎无法使它工作。
这是我的页面：
<!DOCTYPE html>
<html>
<head>
<link href="src/ytv.css" type="text/css" rel="styleshee
浏览 3提问于2016-10-28得票数 8
回答已采纳
我的3个下拉菜单在这个网站上运行良好，这意味着当我转换到Webview中的安卓应用程序时，菜单会出现在菜单的下面的图片顶部，菜单会在图片下面而不是顶部出现。想办法解决这个问题。这是与下拉菜单相关的html代码。如果需要其他代码，请告诉我。太感谢了！！
<body>
<nav class="navbar navbar-default" role="navigation">
<div class="container">
<!-- Brand and toggle get gr
浏览 1提问于2015-01-28得票数 0
回答已采纳
在我的页面中，我有一个div的层次结构，它被设置为display: table，子div的设置为display:table-cell。我想在给定的单元格上使用slideToggle()来替换它的内容。我读过slideToggle在none和block之间切换显示，因此table-cell很可能超出了它的范围。
首先:我不能在表格单元对象中使用slideToggle()，这是真的吗？
第二:在我重新设计所有东西以避免使用表格-单元格之前，有什么可以利用的地方吗？
这个代码片段演示了这种行为(我不喜欢)。正如你所看到的，这种良好的滑动切换行为不会发生。相反，该单元格将短暂地出现在前一个单元格旁边，
浏览 2提问于2015-08-19得票数 3
回答已采纳
2回答
我正在开发一个基于以下示例的模板：
我只想要一张全尺寸的传单地图。但是，我不能让它起作用。
这是我的index.html文件：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>NY Noise Map</title>
<script src="http://code.jquery.com/
浏览 7提问于2015-11-27得票数 4
回答已采纳
1回答
css表格100%高度
、、、
我正在尝试制作一个没有固定高度或宽度元素的流畅布局。我的页面主体被分成三列(因为我希望它们的高度相等，所以我决定使用css表)。然而，当我尝试向table div (或表格单元格div)添加一个100%的高度属性时，它们并没有扩展到div.middle的完整大小。我已经用完整的代码对这个问题做了一个JS小提琴，但这里有一个片段：
<body>
<div class='titleBar'>
<div class='wrap'>
<img src='../images/
浏览 0提问于2012-12-17得票数 2
回答已采纳
我在一个简单的html文件中有以下配置：
* {
box-sizing: border-box;
}
html, body {
height: 100%;
min-height: 100%;
margin: 0;
}
section {
display: block;
width: 100%;
min-height: 100%;
padding: 1em
}
.b1 {
background: #2AC56D
}
.b2 {
background: #fae10c
}
.b3 {
background: #03a9f4
}
<sec
浏览 1提问于2015-07-09得票数 1
回答已采纳
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
回答已采纳
1回答
我正在开发一个表单，其中一些字段隐藏和显示点击。例如，我有一个名为“联合申请？”的输入域。如果点击“是”，则显示头衔、名字、姓氏等字段。如果单击“否”，则这些字段将被隐藏。
从功能上讲，这在所有浏览器中都工作得很好，但是在IE8中，当您单击“否”时，联合申请者字段被隐藏的下方仍然是空白，因此您必须向下滚动页面才能找到提交按钮。在IE7、IE9、Chrome、FF等浏览器中，空格会像预期的那样被删除，提交按钮也会向上移动，但IE8似乎并没有因为某种原因而向上移动。
下面的html只是使用标题作为示例，以保持简短：
<div class="form-row clearfix"
浏览 1提问于2012-10-13得票数 0
1回答
全屏幕引导4卡与高图表
、、、、
我有几个(引导)卡，我想有机会展示这个全屏。这些卡片上有图表。问题是，当你进入全屏模式时，高图表的高度不能适应。
不久前，我在引导面板上问了同样的问题，然后"daniel_s“为面板做了这个例子。直到现在，我在底部增加了一些列，并将其从面板转换为卡片。不幸的是，这个例子不再起作用了。再次，"daniel_s“做了一个例子，但高度仍然不是100%。
是否有可能自动调整高图表的比例，使比率(在底部和头部的列)保持与本例相同？
此外，我还想知道我如何得到标题文本和图标的一行。所以文字在左边，图标在右边。
HTML
<link href="https://stackpat
浏览 0提问于2019-05-25得票数 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
回答已采纳
1回答
当放大时，我的div在移动，它在导航下面。
问题图片
我试着设置最小宽度，但没有用！
请注意，我使用的是CSS的基础框架！HTML -
<?php include 'core/init.php';?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta nam
浏览 1提问于2016-08-07得票数 0
回答已采纳
3回答
我很困惑。我正在从头创建一个表格导航设置，因为jquery选项卡窗格破坏了firefox中的iframes。所以我用z索引来堆叠元素，而不是显示隐藏。这就是我从这条路开始的原因。我的html中唯一不采用背景色的元素是那些带有z-索引值的元素。正如您将看到的，如果您运行这个，他们需要一个背景色。
以下是html：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/main.css
浏览 3提问于2014-02-26得票数 0
回答已采纳
我有一个使用引导主题的html页面。我有一个轻微的CSS样式问题。这是我从未遇到过的问题。问题是背景不会在页面加载时填充页面，只有当页面大小调整时才会填充页面。有什么建议吗？
谢谢,
詹姆斯·海兰德
这是_Layout.cshtml代码；
@{
ViewData["Title"] = "Home Page";
}
<!DOCTYPE html>
<html lang="en">
<head>
<style>
#side-navbar-footer {
浏览 2提问于2017-05-12得票数 0
回答已采纳
1回答
CSS视差效应高度到50%
、、、、
我目前使用的视差效果，这是整个背景的头版。我的问题是我想把高度设定在50%左右。但这不管用。
代码：
<header class="parallax-window" data-parallax="scroll" data-image-src="img/picture.jpg" alt="test">
.parallax-window {
position: relative;
overflow: hidden;
width: 100%;
height: 50%; //Not working.. wh
浏览 0提问于2018-02-22得票数 0
2回答
我在用引导程序开发旋转木马图像滑块。我无法改变图像的高度。如果我试图改变高度，它对高度和宽度都有影响。但我只需要修改宽度。
我的代码如下：
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
&l
浏览 1提问于2017-06-04得票数 0
回答已采纳
2回答
当幻灯片发生变化时，下一个按钮上下移动，我试图弄清楚如何确保它保持在一个位置上。我认为它在某种程度上是按照文本对齐的(垂直地在中间)，所以如果所有幻灯片中的文本都不是相等的，那么它就会上下移动。
<!-- Color -->
<link rel="stylesheet" type="text/css" id="skin" href="assets/css/themes/default.css">
<div class="testimonial-section"&g
浏览 0提问于2018-09-11得票数 2
回答已采纳
2回答
我正在试着为Bootstrap修改一个叫做‘代理’的主题。我遇到的具体问题是，我希望圆形徽标(右上角)响应并随着屏幕的缩小而缩小。我尝试将img响应类标记添加到图像中，但不起作用。我想知道之前的a类是否覆盖了img响应类？
这是导航部分的html。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=
浏览 2提问于2015-06-29得票数 1
我使用的引导模板包含，
jquery-1.9.1.min.js
jquery.flot.js
jquery.flot.resize.js
jquery.dataTables.js。
<?php
ob_start();
$path = '../';
$title = 'Leave Dates';
include($path.'header.php');
include($path.'side.php');
include("brn
浏览 4提问于2015-04-17得票数 5
1回答
包装多重叠加div
、、、
TLDR:如何使一个容器包裹多个叠加的流体高度div？
我有一个带有一些物体的div：
<div class="container">
<div class="a" style="height: 300px;">Tab page a</div>
<div class="b" style="height: 100px; display: none;">Tab page b</div>
<div class="c" style
浏览 0提问于2013-09-12得票数 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
回答已采纳
1回答
我有一个使用以下代码的网页：
<!DOCTYPE html>
<html style="height: 100%; margin: 0; padding: 0; color: #FFF;">
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<style type="text/css">
浏览 0提问于2012-10-05得票数 0
回答已采纳
1回答
我有几个(引导)面板，我想有机会展示这个全屏。在这些面板中有高图表。问题是，当你进入全屏模式时，高图表的高度不能适应，就像宽度一样。是否有可能自动调整比例，使比例保持不变？
如果这是不可能的，我想让图形对齐在中间的高度。
HTML
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<link rel="stylesheet" type=
浏览 0提问于2018-07-16得票数 0
回答已采纳
1回答
加载时我使用MaterializeCSS框架的预加载程序屏幕。但装上子弹的时候。我用Chart.js创建的图表在预加载程序淡出后不会显示。有人能看看我的代码来解决这个问题吗？
//Preloader
$(window).load(function() {
});
function show() {
$('#preloader').fadeOut(500);
$('#canvas').delay(500).fadeIn();
};
setTimeout(show, 3000);
//Chart.js
var radarChartData = {
浏览 3提问于2015-08-01得票数 0
回答已采纳
1回答
按钮在div中的位置
、、、
我有一个灵感的帖子风格：
因此，当我试图做一个，我面临一些问题，如：
更改窗口大小时，按钮未舍入。
社交图标不显示
我不能点击社交图标
无反应
代码代码()：
.media {
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
width: 550px;
height: 151px;
}
.media-body {
padding: 20px;
}
.thumb {
height: 150px;
浏览 1提问于2017-07-06得票数 0
回答已采纳
2回答
我有一个导航栏，我想添加一些文本，但文本总是在导航栏区域结束。我确保所有的div标签和ul标签都关闭了，但还是没有运气。
<!-- CSS -->
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="
浏览 2提问于2014-10-07得票数 0
回答已采纳
我试图创建一个简单的搜索面板，包括:文本框、结果、容器内的寻呼机。
要求容器是灵活的，而不是固定的大小。当容器的大小发生变化时，其子容器也会发生如下变化：
文本框:宽度变化，高度固定，顶部的锚
结果:宽度变化，高度变化，可滚动(内容溢出时显示滚动条)
寻呼机:宽度变化，高度变化，底部锚定。
我通过使用TABLE作为容器来归档一些东西，但是结果在浏览器(IE、Firefox、Chrome)之间是不一致的。
IE11
w/o内容: OK
W内容: NG:结果扩展(中断布局)
铬：
w/o内容: OK
W内容: OK
两者:
浏览 4提问于2016-03-17得票数 0
2回答
Situation
一个包含4个部分的滚动页
问题
当调整浏览器窗口大小时，Header & about节与下面的部分重叠。在使用google的检查工具设计了移动响应后，在将项目上传到网上后遇到了一个问题：。
参见演示：
/** --------------------------------------------------
Author : xyz
Template Name: abc
Description: boilerplate
Version : 1.0
* --------------------------------------
浏览 4提问于2020-06-06得票数 1
回答已采纳
1回答
我在Django 2中做一个项目。我在模板中有一个base.html：
{% block removable-pagetop %}
<div class="showcase">
<div class="showcase-content-top">
{% block page-title %}{% endblock %}
<p>{% block page-subtitle %}{%endblock %}</p>
</div>
浏览 2提问于2020-09-19得票数 1
回答已采纳
1回答
我正在使用svg与grunticon，我想把高度和宽度设置为100%的svg标签，我知道它可以用js，但它可以通过样式或css或咕噜选项？如果是，请添加示例
我使用的html如下：
<div class="icon-napoleon" data-grunticon-embed></div>
浏览 3提问于2016-03-18得票数 2
回答已采纳
1回答
推特引导，在旋转木马上覆盖图像
、、、、
我使用这个源代码创建引导缩略图垂直旋转木马，它的工作在火狐和Safari (最新版本)的魅力，但不是在铬。
问题是在firefox和safari时按下next或pre。按钮，当前的一堆图像卷轴和新的一个来了。但是在铬第二束中，第二束先出现，然后第一束就消失了，
这里是我的代码和
<!DOCTYPE html>
<html lang="en">
<head>
<title>Thumbnail Slider</title>
<link href="css/bootstrap.css&#
浏览 2提问于2014-09-11得票数 2
回答已采纳
1回答
我有一个问题，加载谷歌地图。在我的head部分，我有以下代码(我有一个正确的Google API密钥)
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=MYKEY&sensor=false
浏览 0提问于2012-01-24得票数 0
回答已采纳
我有一个draggable和两个空的可排序元素。通过使用connectWithSortable，我应该能够将可拖动元素连接到可排序元素。 但是，当可拖动元素第一次被拖到可排序元素中时，它不会连接到该元素。只有在第二次拖动时，它才会连接。 如果我使用CSS将可排序元素的高度设置为100px，那么它是有效的：https://jsfiddle.net/cekwuyq1/ 但是，如果在开始拖动时将可排序元素的高度设置为100px (我正在执行此操作)，则会出现问题：https://jsfiddle.net/v9y0L2n1/ $(".sortable").sortable();
浏览 15提问于2020-07-29得票数 0
回答已采纳
1回答
V3包括但不起作用
、、、、
我在我的laravel应用程序中包含了GOOGLE以供使用。我将脚本放在HTML文档的标题中，如下所示：
<head>
<!-- Store Meta information -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="{{ asset('/css/main.css'
浏览 0提问于2015-03-29得票数 0
回答已采纳
3回答
探测身体的高度
、、
我有一个添加更多附件的函数。每次单击该按钮，都会显示另一个附件，这将导致页面变得更长。我写了一个语法来检测附件出现后身体的高度，但不知怎么的，它不起作用。请帮帮忙。
HTML
<input type="file" /></div><button id="addNew">Add</button>
<div class="attachField"></div>
JS
var i=0;
$('#addNew').click(
f
浏览 5提问于2014-09-27得票数 0
回答已采纳
我用jQuery做了一个导航条，它应该在点击时切换下拉菜单。大多数功能都是按其应有的方式工作的。
$(function()
{
var tab = $(".dr-head");
var childList = $(".child-list");
tab.click(function(e)
{
e.stopPropagation();
if ($(this).children("ul").css('opacity') == '0')
浏览 3提问于2015-08-14得票数 0
回答已采纳
我正在建设一个网站，并发现这个定制手风琴构建与jQuery (基本上，我希望有多个容器同时打开)，现在我发现，无论他们的内容，所有的容器有相同的大小(所以如果我有内容在顶部的容器，所有3个将有一个很大的高度)。我缺少的是什么，以及如何使每个容器都缩放到它的内容？谢谢你的帮助
由于小提琴没有正确显示，因为本地jQuery文件，我已经上传了全部内容。
$('#accordion').accordion({
collapsible: true,
active: 1,
beforeActivate: function(event, ui) {
// The ac
浏览 4提问于2015-03-29得票数 2
回答已采纳
1回答
我正在做一个网站，我想弄清楚为什么我的导航链接在不同的分辨率下会超出导航栏区域。我已经查找了答案，我发现在你的位置和宽度上使用%。但这仍然是一个反复出现的问题。这是我的代码。
HTML
<!Doctype html>
<html lang="en">
<head>
<title>Template Two</title>
<meta charset="utf-8">
<script type="text/javascript" src="j
浏览 3提问于2013-11-29得票数 0
当我使用jQuery的.slideToggle时，我在.主导航处看到了首选背景色的闪光灯，但它不是持久的。它在动画过程中显示了首选的背景色，但当动画完成时，它不会保持这种颜色。我不停地挠我的头，但我弄不明白。有没有人知道为什么会发生这种事，以及如何解决？这个问题发生在最新的Chrome，FF和iOS Safari中。
编辑:这是一个解决问题的jsFiddle： 。感谢 的快速回复！
HTML:
<header class="banner clearfix">
<h1 class="alpha">Site Title</h1>
浏览 3提问于2012-04-22得票数 0
回答已采纳
1回答
我在一个高度为100%的容器(.inner)中有三个子元素(.container)。在那之后，我有另一个div (.post)，它不会被推到容器下面。
这是一把小提琴
HTML：
<html>
<body>
<div class="container">
<div class="inner">Inner1</div>
<div class="inner">Inner2</div>
<div class="inner"&
浏览 3提问于2015-01-03得票数 1
回答已采纳
1回答
轨道没有显示。我做错了什么？注意:我没有更改任何文档结构。第5版
密码在头上：
<script src="js/vendor/modernizr.js"></script>
正文中的代码：
<div class="row">
<div class="orbit-container">
<ul data-orbit class="example-orbit orbit-slides-container">
<li> <img src
浏览 1提问于2014-02-11得票数 1
回答已采纳
2回答
我正在使用bootstrap创建布局。
这是我的代码：
<html>
<head>
<title>Test</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="http
浏览 23提问于2017-06-22得票数 0
3回答
我正在使用Bootstra4.0创建一个简单的登陆页面，并在这个页面中使用，但我无法使它工作，它不改变活动菜单项。
index.html -
<body>
<!-- Navbar -->
<nav id="main-nav" class="navbar navbar-expand-lg bg-light bg-transparent fixed-top">
<div class="container">
<a class="navbar-brand"
浏览 5提问于2017-09-02得票数 10
回答已采纳
1回答
此旋转木马的动态高度？
、、、、
我有一个旋转木马，其中将包含相同的宽度，但不同的高度图像。如果不求助于JS，我不确定如何调整我现有的代码来满足这个需求。我还想指出的是，我在这个旋转木马周围的所有方面都有内容。
目前，我已经在.slides中硬编码了height:390px;。我尝试将其更改为height:auto;，但它强制轮播下面的所有内容上移约375px(我已将分页的高度设置为15px)。
HTML：
<div id="carousel">
<div class="slides">
<div id="slide1" cl
浏览 1提问于2012-09-28得票数 0
回答已采纳
我不明白为什么当height使用%值时，slideToggle会导致两个面板在父div之外增长：
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".flip").click(function(){
$(".panel")
浏览 0提问于2011-08-05得票数 1
2回答
尝试嵌入视频+聊天室。如果我使用100%宽度，聊天室仅显示约1/4大小。我希望聊天室与16x9播放器的确切高度相匹配。
我尝试使用matchHeight js，但无法使其正常工作，即使控制台中没有错误。
感谢您的关注。
<body>
<?php include_once("../../files/bootstrap-header.php"); ?>
<div class="container-fluid">
<div class="row">
浏览 2提问于2018-10-28得票数 0
我在表单上使用了JQuery Chosen插件。当选择下拉时，它会创建一个垂直滚动条。
我相信我理解这是为什么:我浮动容器，并使用其容器上的溢出来清除该浮动，这似乎是罪魁祸首。然而，浮动和清除对于我的实际布局来说是最重要的，所以我不能仅仅为了适应所选的插件而把它们拿出来。
这里有一个快速的JS菲德尔来说明这个问题。我对如何解决这个问题相当困惑，所以提前感谢您的任何建议。
CSS：
.container {
background: #ccc;
width: 400px;
overflow-y: auto;
overflow-x: hidden;
}
.main
浏览 1提问于2013-09-19得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
