使浮动div的高度相同
我有2个div并排。我不知道它们的高度，它根据内容而改变。有没有一种方法可以确保它们始终保持相同的高度，即使其中一个拉伸时也只能使用CSS？我做了一个小提琴来展示。我希望红色和蓝色的div高度相同…这是CSS：#wrapper {width: 300px;}#left { width:50px; background: blue; float:left; height: 100%; ...
2024-01-10在页面内容上方浮动div
我实现了一个弹出框，可动态显示搜索选项。我希望该框“浮动”在所有网站内容之上。当前，当显示该框时，它将替换其下方的所有内容，并且看起来很糟。我相信我已经尝试将box的div的z-index设置为高于其余页面内容的z-index，但是仍然没有运气。回答：您要使用绝对定位。绝对位置元素相对于具...
2024-01-10CSS垂直对齐浮动div
我有一个div（#wrapper），其中包含2个并排站立的div。我希望将右div垂直对齐。我在主包装器上尝试了vertical-align：middle，但是它不起作用。它让我发疯！希望有人能帮忙。HTML：<div id="wrapper"> <div id="left-div"> <ul> <li>One</li> <li>Two</li> </ul> </div> <div id="right-div"> Here some text... </di...
2024-01-10为div扩展全高
有没有一种方法可以使div扩展到最大高度？我也有一个脚注。这是网页： 。我要说的中间部分是白色div，中间内容具有CSS值：.midcontent{ width:85%; margin:0 auto; padding:10px 20px; padding-top:0; background-color:#FFF; overflow:hidden; min-height:100%; max-width:968px; height:10...
2024-01-10CSS并排div的自动等宽
我有一个父div，其中将包含2或3个子div。我希望子div自动采用相等的宽度。谢谢回答：这不是不可能的。使用甚至还不是特别困难display: table。该解决方案将在现代浏览器中运行。在IE7中将无法使用。#wrapper { display: table; table-layout: fixed; width:90%; height:100px; background-color:Gray;}#wrapper div ...
2024-01-10如何模糊div元素？
我在DIV中有一个下拉菜单。我希望用户单击其他任何位置时下拉菜单都隐藏。$('div').blur(function() { $(this).hide(); }不管用。我知道.blur仅适用<a>于这种情况，但是在这种情况下，最简单的解决方案是什么？回答：我认为问题在于div不会触发该onfocusout事件。您需要捕获主体上的单击事件，然后确定目标...
2024-01-10如何将div并排放置
我有一个设置100％宽度的主包装div。在里面，我想有两个div，一个是固定宽度的，另一个是填充其余空间的。我如何浮动第二个div来填充其余的空间。谢谢你的帮助。回答：有很多方法可以满足您的要求：使用CSS float属性：<div style="width: 100%; overflow: hidden;"><div style="width: 600px; float: left;"> Left </div><d...
2024-01-10如何让div浮动到其容器的底部？
我多次使用float：right（或left）将图像和插入框浮动在容器的顶部。最近，我遇到了一个需要将div浮动到另一个div的右下角，并使用您通过float获得的普通文本换行（仅在顶部和左侧换行的文本）的方法。我认为即使float没有底值，这也必须相对容易，但是我无法使用多种技术来做到这一点，并且在Web上...
2024-01-10将浮动div置于另一个div的中心
我搜索了其他问题，尽管这个问题似乎与其他几个问题相似，但到目前为止，我所看到的任何问题似乎都无法解决我遇到的问题。我有一个div，其中包含许多其他div，每个div都向左浮动。这些div分别包含照片和标题。我要的是使照片组位于包含div的中心。从下面的代码中可以看到，我已经尝试在父div...
2024-01-10展开div以填充剩余宽度
我想要一个两列的div布局，其中每个可以具有可变的宽度，例如div { float: left;}.second { background: #ccc;}<div>Tree</div><div class="second">View</div>我希望’view’div扩展到’tree’div填充所需空间后可用的整个宽度。目前，我的“视图” div已调整为包含它的内容的大小，如果两个div都占据整个高度，...
2024-01-10边框长度小于div宽度？
我有以下代码div { width:200px; border-bottom:1px solid magenta; height:50px; }div宽度为200px，因此border-bottom也是200px，但是如果我希望border-bottom-bottom仅100px而又不更改div宽度，该怎么办？回答：您可以使用伪元素。例如div { width : 200px; height : 50px; position: relative; z-index : 1; b...
2024-01-10CSS-使div继承高度
我正在尝试制作一个带有圆角的框，其中div的高度和宽度取决于内容，因此它会自动调整为…问题是我无法让“ test_mid_left”（黑色背景）和“ test_mid_right”（蓝绿色背景）继承“test_mid_center”（绿色背景）的高度。我尝试了身高：100％和自动，但没有任何工作。那么，如何让他们从内容中继承高度？...
2024-01-10如何使div占据剩余高度？
我有这个问题，我有两个股利：<div style="width:100%; height:50px;" id="div1"></div><div style="width:100%;" id="div2"></div>如何使div2占据页面的剩余高度？回答：使用绝对定位：#div1{ width: 100%; height: 50px; background-color:red;/*Development Only*/}#div2{ width: 100%; position:...
2024-01-10为什么父div高度浮动时子代的高度为零
我的CSS中包含以下内容。所有边距/边距/边界均全局重置为0。#wrapper{width: 75%; min-width: 800px;}.content{text-align: justify; float: right; width: 90%;}.lbar{text-align: justify; float: left; width: 10%;}现在，当我将HTML编写为<div id="wrapper"> <div class="content"> some text here...
2024-01-10使div（高度）占据父级剩余高度
我有一个div带两个孩子的容器。第一个孩子有给定的身高。如何让第二个孩子占据容器的“自由空间” div而不给其指定高度？在示例中，粉红色div也应占据白色空间。与此问题类似：如何使div占据剩余高度？但是我不想摆 。回答：可以通过多种方式扩展#down子级以填充剩余的空间，#container具体取...
2024-01-10悬停滚动文本div并返回第一个元素
如何用鼠标悬停而不是重复自己，用另一个文本替换“home”按钮？悬停滚动文本div并返回第一个元素<ul class="topnav"> <li><a href="#">Home</a></li> </ul> jQuery(function($) { $('.topnav li').find('a[href]').parent().each(function(span, li){ li = $(li); span = $('<span>' + li.find('a').html() + '...
2024-01-10vw为什么将滚动条包含在视口中？
我正在尝试建立一个网站，其中包含许多宽度和高度相等的盒子。例如，我有一个页面，其中并排有2个相等大小的框。简单的解决方案是将宽度和高度设置为50vw。除非有滚动条，否则效果很好。我已经在Google上搜索了几个小时，无法理解为什么大众和大众在滚动条中将滚动条作为视口的一部分。这是...
2024-01-10div中的CSS自定义滚动条
如何通过CSS（级联样式表）为一个div页面而不是整个页面自定义滚动条？回答：我认为整合有关滚动条，CSS和浏览器兼容性的最新信息会有所帮助。当前，没有跨浏览器的滚动条CSS样式定义。最后，我在W3C文章中提到了以下内容，并于最近进行了更新（2014年10月10日）：某些浏览器（IE，Konqueror）支...
2024-01-10添加数据后如何自动滚动到div末尾？
我的table内部div具有以下样式：#data { overflow-x:hidden; overflow-y:visible; height:500px;}一旦向表中添加了足够的数据，这将显示一个垂直滚动条。但是，添加新数据后，我希望该div元素自动滚动到底部。我可以使用哪些JavaScript代码执行此操作？我愿意在必要时使用JQuery中的选项，但希望使用JavaScript...
2024-01-10滚动时固定/浮动div元素
我正在尝试在网络上进行搜索，但不确定要查找的内容是什么。我试图找出如何创建将被修复的div元素，或者仅在该元素的TOP达到窗口浏览器视图的TOP时才浮动。例如，如果某个元素位于页面的中间，那么当您继续向下滚动时，该元素将一直保留直到它即将消失，然后它才希望保留在我的浏览器顶部（...
2024-01-10在滚动某个百分比之后隐藏div
我有一个div，它有两个CTA按钮。我将在达到页面的90％或达到我的#footer div后隐藏该div。我这样做的原因是为了防止它干扰页脚。在滚动某个百分比之后隐藏div我已经找到了一些代码，但它会隐藏在800px滚动不基于百分比后的div。$(document).scroll(function() { var y = $(this).scrollTop(); if (y > 800) { ...
2024-01-10根据滚动调整div高度
我需要在用户滚动页面时增加div的高度。根据滚动调整div高度有问题的网站是这样的： 有改变其高度的股利是在右边的菜单。我阐述了下面的代码，但问题是当用户位于页面底部时，div应该达到100％的高度，现在高度增长过快。$(function(){ $(window).scroll(function() { var scrollHeight = $(document).he...
2024-01-10使用CSS使div可垂直滚动
这个<div id="" style="overflow:scroll; height:400px;">给出了一个div用户可以水平和垂直滚动的功能。如何更改它以便div 仅 可垂直滚动？回答：除了使用错误的属性外，还可以解决它。滚动条可与任何财产被触发overflow，overflow-x或者overflow-y每个人都可以被设置为任意的visible，hidden，scroll，auto，或inherit。您目...
2024-01-10滚动到后，如何使div停留在屏幕顶部？
我想创建一个div，它位于内容块的下方，但是一旦页面滚动到足以接触其顶部边界的位置，它就会固定在适当的位置并随页面滚动。回答：您可以简单地使用css，将元素定位为fixed：.fixedElement { background-color: #c0c0c0; position:fixed; top:0; width:100%; z-index:100;} 您应该将元素的位置设为绝对，...
2024-01-10如何同步两个div的滚动位置？
我想将2个div的大小设置为特定宽度（即500px）。一个高于另一个水平对齐。顶部框应隐藏其滚动条，底部框应显示滚动条，并且当用户滚动时，我希望顶部框的偏移量更改为底部框的值。因此，当底部DIV水平滚动时，似乎顶部DIV也同时滚动。我很高兴在Jquery中做到这一点，如果它使过程更容易。...
2024-01-10
