所以
我正在尝试使用构建一些导航
打开/滑下导航运行良好。它将子进程ul设置为显示块，然后运行动画/转换。
关闭导航项时会发生此问题。ul立即被隐藏在回调中。我还添加了一个控制台日志‘动画结束’，一旦过渡结束，这是在正确的时间触发，所以不确定为什么ul被立即隐藏。
jquery/js看起来如下所示：
var dropDown = (function(){
var mainNav = $('#mainNav');
var navA = mainNav.find('li a');
var navUL
浏览 3提问于2015-01-09得票数 1
回答已采纳
2回答
修正肚脐收缩时肚脐元素的尺寸
、、、、
我有一个固定顶部的导航条，我做了一个函数使它在滚动条上收缩，但是我有一个问题，那就是，导航条中的ul类没有正确地缩小，我给它一个直线高度来垂直对齐它与导航条品牌，但是我不知道如何在肚脐条收缩的时候修复它，下面是我的代码：
$(document).ready(function(){
var scrollTop = 0;
$(window).scroll(function(){
scrollTop = $(window).scrollTop();
$('.counter').html(scrollTop);
if (scrollTop
浏览 3提问于2017-04-17得票数 1
回答已采纳
2回答
我有下面的挠曲盒，我试图对齐项目垂直和保持相同的宽度为每一列。
假设我一行有10个条目，但是容器内部应该是可见的，只有4个条目，其余的都被溢出所隐藏。在父容器的宽度函数中，所有这些项都被分割到相同的宽度。
它似乎不起作用：
.container {
width: 100%;
}
.container .slider {
position: relative;
overflow: hidden;
margin: auto;
padding: auto;
}
.container .slider[data-columns="1"] ul {
width:
浏览 1提问于2016-07-07得票数 1
回答已采纳
1回答
我有两部分内容，垂直排列：
+-------+
| A |
+-------+
| B |
+-------+
我需要A部分有一个未定义的高度(增长和收缩取决于它自己的内容)。
另一方面，B部分必须填充屏幕的剩余高度。
如果A节的高度是静态的，那就容易了，所以我会这样做：
.A{
height:200px;
}
.B{
height:calc(100% - 200px);
}
当A节有一个动态高度时，我如何做到这一点？我知道这可以用带有clientHeight/offsetHeight属性的JS来完成，但是我更喜欢只使用css的解决方案。
包括鞋带在内。
编辑
浏览 0提问于2017-05-25得票数 0
回答已采纳
1回答
我有这个网站在这里和我有一个导航为每个导航项目有一个下拉菜单，菜单运作良好，我只是不能得到它垂直。
以下是用于导航的CSS
.navigation{
width:100%;
background-color:#353636;
font-size:18px;
float:left;
}
.navigation ul {
list-style-type: none;
margin: 0 auto;
width:825px;
}
.navigation li {
float: left;
}
.navigation ul a {
浏览 0提问于2012-09-21得票数 1
回答已采纳
我还没有尝试任何代码，但想问一下，是否有可能有一个带有中心导航栏品牌的单一导航栏，它位于顶部和底部，与导航栏对齐，这样如果品牌增长，导航栏就不会增长？
我想将图像的底部与导航栏的底部对齐：
#hdrContainer {
background-color: #0a3782;
}
.container {
background-color: inherit;
}
#tblHeader {
width: 100%;
/*font-size: .8125rem;*/
font-size: 1rem;
text-align: right;
color: #fffff
浏览 0提问于2017-11-15得票数 0
1回答
在具有属性display: flex的菜单下面有一个子菜单，列表项具有属性flex-grow: 1。
我想对齐子菜单，以便链接与父菜单对齐，如下所示：
这是有效的，因为我给了子菜单属性left: 19px。这是可行的，但问题是，由于菜单及其项显示为flex，所以当浏览器缩小列表项的宽度时，列表项的宽度会随之缩小，因此子菜单不会对齐。下面是浏览器缩小200 is时的屏幕截图：
是否有css类或我可以做的任何事情使子菜单链接与浏览器收缩上的父链接对齐？从技术上讲，我可以进行大量的媒体查询并更改left:，但我想问是否有人有更好的解决方案。
这是我的密码。我去掉了很多东西，但留下
浏览 2提问于2016-11-14得票数 1
回答已采纳
我目前正在尝试使用angular-fullstack生成器()启动一个项目，但我在尝试设置该项目时总是遇到错误。
我使用node v7.7.3和npm v4.4.1在Mac上运行此程序
这是我在运行"yo angular-fullstack“后得到的错误。
> iltorb@1.0.13 install /Users/USER/Desktop/forecast-me/node_modules/iltorb
> node-gyp rebuild
gyp ERR! configure error
gyp ERR! stack Error: Command failed: /
浏览 4提问于2017-03-21得票数 0
下面是演示我的问题的片段。问题是，每当我输入字段时，这个字段就会变得非常小。
$(function() {
$("select").select2({
placeholder: "Select a word",
width: "100%"
});
});
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
<
浏览 1提问于2017-03-31得票数 2
回答已采纳
在使用Firefox或Chrome开发工具的响应模式下，我总是遇到脚注的问题。当宽度约为859px时，一切工作正常。我一直在玩显示器，flex-flow似乎什么都不能用。如何解决此问题？请注意，我并不熟悉flexbox，因此任何建议或帮助都将不胜感激。 Example on when it's bellow 859px Example on when it's above 859px * {
box-sizing: border-box;
margin: 0;
padding: 0;
text-decoration: none;
l
浏览 3提问于2020-12-22得票数 1
我一直试图把这个下拉式导航的中心对准，但我就是搞不对。有谁知道我为什么不能这么做吗？我有一种感觉，这和第一个李元素的浮动有关，但我不确定。
JSFiddle：
ul#dropdown {
list-style: none;
}
ul#dropdown li {
float: left;
background: darkgrey;
}
ul#dropdown li a {
display: inline-block;
浏览 1提问于2015-09-08得票数 0
回答已采纳
2回答
这是一个带有ul或浮动div的四个图像(宽度= 160px)的流畅设计。*调整窗口大小时，一切正常。它是流动的。
但是当我转到一个绝对位置时，我发现最初没有超过160px。
你可以在这里看到问题所在
代码：
<html>
<head>
<style>
body { position:relative; }
.container {
/* remove comment to view problem */
/*position:absolute; left:0; top:0
浏览 0提问于2012-08-14得票数 1
1回答
我有一个简单的导航元素，它将和我的页脚放在一起。
当我将填充添加到此项时，元素将收缩所述填充的数量。
通常，当您将填充添加到元素时，它不会收缩实际元素。我了解到box-sizing: border-box确保填充包含在总宽度中，但是我已经将宽度100%地设置为父级。
同样的问题还没有发生在页眉或页脚元素中。
这里真的很迷茫。
Codepen：
/* NAV ABOVE FOOTER */
body {
margin: 0;
padding: 0;
width: 100%;
}
#footer-nav {
position: relative;
width: 100%
浏览 3提问于2017-12-28得票数 1
回答已采纳
我正在根据本教程()制作一个待办事项应用程序。我应该使用填充分隔待办任务和已完成任务之间的区域。我希望#completed的填充区域随着#completed的子项一起移动，但它总是在.container的顶部。如何合并填充和项目？
就我所搜索的css定位而言，我认为，同时设置#todo和#completed的相对位置是正确的。但它不起作用。我还试着像本教程那样设置#complete的位置。它也不能工作。
这是包含#todo和#completed区域的.container的html代码。
<div class="container">
<!-- Unco
浏览 4提问于2019-07-10得票数 3
回答已采纳
1回答
我正在尝试构建一个菜单栏。我正在使用twitter的bootstrap。
在正常大小的页面中，它看起来很好：
当我将页面大小调整到中等大小时，它看起来像：
在一个小页面中，它看起来是这样的：
这是我的html代码：
<header id="">
<nav class="navbar navbar-inverse navbar-fixed-top cbp-af-header"
role="navigation" style=" background-co
浏览 0提问于2017-07-30得票数 0
1回答
我的导航栏有一个下拉菜单。当您在导航栏中的一个主要链接上悬停时，将出现3个链接。
我的问题是:当这3个链接不可见时，它们仍然存在于我的ul元素中(只是不可见)。在我的ul中有一个很大的差距，它为那些隐藏的链接节省了空间。我该如何消除这一差距？
我尝试过将隐藏链接z-索引设置为非常高，但当下拉菜单不可见时，它仍然没有消除空白。
我的代码：
// My CSS
.moreInfoLi { z-index: 50; }
.hidden { visibility: hidden; }
.unHidden { visibility: visible; z-index:
浏览 0提问于2011-07-08得票数 1
1回答
我们正在为我们的项目创建FAQ部分。
每个FAQ问题都有一个滑动开关，用于上下滑动FAQ的答案。
我们使用的js是：
$(function ()
{
$('input#search_term').quicksearch('.portlet ul li',
{
loader: 'span.loader'
, onBefore: function ()
浏览 0提问于2011-09-17得票数 1
回答已采纳
我在这个网页上有一个服务区。在这一部分，我有4个列表。每个ul都是一个弹性项目，弹性基数为25%。当我缩小页面时，它所在的ul或div会被推到页面之外吗？我确实在每个ul上设置了左边距。你知道这是什么原因吗？ 附言:发布的代码只是为了让我可以发布这个小提琴链接 https://jsfiddle.net/hntsa1kd/ <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport
浏览 37提问于2019-04-28得票数 0
回答已采纳
有人能告诉我，当我把屏幕变小的时候，李氏为什么会走错地方呢？我希望他们总是在他们的地方，即使当我改变屏幕大小。我有一种感觉，这与.fixedwidth有关，虽然我一直在尽我最大的努力解决问题，但仍然找不到它是什么。
<!doctype html>
<html>
<head>
<title>Noam's BBC</title>
<meta charset="utf-8" />
<meta http-equiv="Content-type" content="text/
浏览 3提问于2015-09-10得票数 2
回答已采纳
1回答
因此，我正在编写一个代码，使用复选框创建一个可扩展/可折叠的树。我已经把这部分写下来了，但是我想把它做好，这样你越多地展开树，文本就越小，这样用户就不需要滚动来查看所有扩展的分支。我偶然发现了jQuery插件，TextFill，但它不能完全按照我想要的方式工作(甚至不确定它是否与我正在做的工作兼容)。
下面是代码的一个片段
/*better tree view*/
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-size: 40px;
line-heig
浏览 3提问于2015-08-08得票数 1
回答已采纳
2回答
我试图创建一个下拉菜单选项卡的底部边框。我知道在哪里添加属性来添加边框，但我遇到的问题是边界没有从左向右延伸。
HTML：
<div id="navigation">
<ul>
<li><a href="#" id="home">Home</a></li>
<li><a href="#" id="zeus">Zeus</a>
<li><
浏览 3提问于2016-02-04得票数 1
回答已采纳
当部署一个对browserify 4.0.0有依赖性的OpenShift node.js项目时，安装browserify的依赖项时会出现一个错误。具体地说：
...
remote: npm ERR! Error: No compatible version found: stream-browserify@'^1.0.0'
remote: npm ERR! Valid install targets:
remote: npm ERR! ["0.0.0","0.0.1","0.0.2","0.0.3","0.
浏览 0提问于2014-05-13得票数 3
回答已采纳
1回答
码
<div class="navheader">
<ul class="navuseraccess">
<li><a runat="server" id="mnuAccount" href="AccountSettings.aspx">My Account</a></li>
</ul>
</div>
CSS
div.navheader {
overflow: hidden;
浏览 0提问于2010-11-03得票数 0
回答已采纳
1回答
在CodePen示例的JS面板中使用以下代码：
var myElement = document.getElementById('myElement');
var mc = new Hammer.Manager(myElement);
var pinch = new Hammer.Pinch({threshold: 0});
mc.add([pinch])
mc.on("pinch pinchin pinchout pinchstart pinchend", function(ev) {
myElement.textContent += ev.type
浏览 3提问于2015-07-10得票数 4
1回答
我有一个adminHeader.php，
<div class="main_content">
<div style="width: 100%">
<div class="header" style="align-items: center;font-size: 17px;">
<a style=" text-decoration-line: none;">Dashboard</a>
浏览 9提问于2022-06-09得票数 0
我正在尝试所有li的宽度与我的ul宽度相匹配，这是我的代码：
我已经在网站上看到了一些问题，有些似乎很有效。
ul {
width: 100%;
display: table;
table-layout: fixed; /* optional */
}
ul li {
display: table-cell;
width: auto;
text-align: center;
}
但没起作用。我的javascript函数工作，我不知道为什么在jsfiddle它不工作。我怎样才能解决这个问题？
谢谢！！
浏览 7提问于2014-06-26得票数 0
回答已采纳
我知道这个问题很具体...我试图弄清楚“宽度”对css框模型的影响。
我在两个单选按钮的左边有一个标签。标签向左浮动，单选按钮出现在标签的右侧。单选按钮本身的右侧有标签，这些标签可以很长。
无线电在UL区块中。
当我在UL块上设置width:auto；，然后将浏览器缩小到相当窄时，单选按钮及其各自的标签会下拉到下一行。
如果删除width:auto，单选按钮将保持浮动状态，而单选按钮旁边的标签字符串将继续缩小，这正是我想要的。
我的问题是:为什么width:auto会导致无线电和它们的标签下降一条线？是不是因为width:auto尝试创建一个框来容纳标签字符串的全长，而不流动文本？或者是其他因
浏览 3提问于2011-10-21得票数 0
回答已采纳
3回答
我有这个菜单：
#navbar {
text-align: center;
margin: auto;
padding: 0;
height: 1em;
}
#navbar li {
list-style: none;
float:left; }
#navbar li a:hover{
background-color: #CCC;
}
#navbar li a {
border: 1px solid #000;
display: block;
margin-right: 18px;
margin-left:
浏览 2提问于2010-04-21得票数 0
回答已采纳
1回答
如何将列表动画化？
、、、
这是我的
正如你从小提琴上看到的那样，有一个列表是在箭头的帮助下滚动的。所以我想要的是在列表可见和隐藏的时候激活这个转换。
我不知道动画的事。我见过许多例子，并试图用我的例子来调整它们，但它不起作用.我怎样才能让列表充满活力？
$(document).ready(function(){
var code='';
for(var i=1;i<=20;i++)
{
code+="<li>list Item "+i+"</li>";
}
$('#list-
浏览 0提问于2015-05-12得票数 6
回答已采纳
1回答
我有两列的布局。第1栏是标题。第2栏是一个列表。
我希望这些列与内容相适应。(例如，第1栏应与其内容一样宽)
我也希望列表是横向的。
我想使用Flexbox，这样我就可以更改列表中的项目，并相应地调整布局。
看起来是这样的：
我该怎么做？
这是我的代码()
<div class="wrapper">
<nav class="topics">
<span class="unit unit-header">Topics: </span>
<ul id="list" cl
浏览 0提问于2015-05-04得票数 0
回答已采纳
1回答
我认为自己是一个webdev，通过乱搞现有的例子，我学得更好。我一直在寻找一种方法，使肚脐透明，然后转换成一个坚实的背景滚动下来。我在一个免费模板中找到了我想要的东西。它有一个我不想要的特性--它在滚动时收缩肚脐，我宁愿让肚脐保持相同的高度。下面是代码(我第一次尝试Codepen，所以不要笑！)：
// jQuery to collapse the navbar on scroll
$(window).scroll(function() {
if ($(".navbar").offset().top > 50) {
$(".navbar-fixed-
浏览 1提问于2015-07-08得票数 1
回答已采纳
1回答
<div id="nav" class="roundbox">
<ul class="dropdown">
<li class="dropdown"> <a href="#" class="dropdown-toggle">
<div class="dashdiv">
<label>
<p align=&
浏览 2提问于2013-07-26得票数 1
回答已采纳
3回答
尝试将箭头图像粘贴到锚点的右侧
<ul>
<li><a class="linkchild" href="#"><img class = "arrow" src="Images/arrow.png" alt="►"> 3.1 jQuery</a>
<ul>
<li><a class="linkchild" href="#">3.1.1 Do
浏览 0提问于2012-06-26得票数 0
回答已采纳
1回答
有以下问题-我安装了所有模块，并且我正在尝试创建npm-shenshenwrap.json文件：
npm shrinkwrap
但我总是得到以下错误：
npm ERR! Darwin 14.3.0
npm ERR! argv "/usr/local/Cellar/node/4.1.2/bin/node" "/usr/local/bin/npm" "shrinkwrap"
npm ERR! node v4.1.2
npm ERR! npm v2.10.1
npm ERR! Problems were encountered
npm ERR! P
浏览 35提问于2016-03-14得票数 22
回答已采纳
2回答
我非常恼火，因为我总是手动输入固定宽度直到div，这取决于一个li标签包含多少个字母
<div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Information</a></li>
<li><a href="#">Contact information example</a></li>
&l
浏览 2提问于2014-06-22得票数 0
回答已采纳
我不明白为什么这段代码：
<ul id="Navigation">
<li><a href="About.html">About</a></li>
<li><a href="Contact.html">Contact</a></li>
<li><a href="Contact.html">Contact</a></li>
<li><a href="Co
浏览 3提问于2013-05-24得票数 1
回答已采纳
1回答
我正在尝试制作一个导航菜单，它将在移动环境中水平滚动。要做到这一点，我想使用flexbox来完成，但是当我设置移动视图时，导航项的宽度就会减小。
我尝试使用flex-grow和flex-basis属性，分别将它们设置为1和0，但没有工作。
在本例中，我使用虚拟名称作为导航部分，但它们可以有不同的长度。
ul {
display: flex;
margin: 0;
padding: 0;
list-style: none;
background-color: #f2f2f2;
overflow-y: hidden;
overflow-x: auto;
}
li
浏览 1提问于2016-11-15得票数 11
回答已采纳
我有以下代码：
<div id="ftr_btm">
<div id="ftr_ctr">
<div class="hdr_lnk">
<ul>
<li><a>Test1</a></li>
<li><a>Test2</a></li>
<
浏览 0提问于2011-08-21得票数 1
回答已采纳
所以我这里有我的(简化的)引导导航栏。
<nav class="navbar">
<ul class="navbar-nav">
<li><a href="#">foo</a></li>
</ul>
</nav>
.navbar-fixed-top {
height: 100px;
}
.navbar-nav >li >a {
line-height: 100px
}
当我将类navbar添加到nav
浏览 6提问于2015-11-18得票数 0
回答已采纳
我目前正在进行我的node.js项目的一半，现在，我想安装npm-收缩包装的依赖关系管理。如果我现在就做，还是现在不做，那好吗？
浏览 5提问于2017-03-18得票数 0
回答已采纳
我相信这在flexbox中是不可能的，因为我还没有找到这样做的方法，但也许我错过了什么。 一个父容器有两个子容器-一个在另一个下面。第二个孩子(links-container)的宽度增加了，一旦我们上传带有长文本链接的HTML文件。当发生这种情况时，第一个子代(form-wrapper)的宽度也会增加-因为第二个子代实际上会使整个父代变宽，并且它的两个子代都会调整自己的宽度。但是，我需要始终保持第一个子对象(form-wrapper)的宽度不变。 我通过在我想要保持宽度的孩子身上使用display: inline-block得到了这个效果。但是有没有可能用flexbox属性做到这一点呢？ 下
浏览 13提问于2020-01-16得票数 0
2回答
我在一个固定顶部导航栏的容器div中有3个div，我怎样才能阻止一个div滑到另一个下面，这会使导航栏变得更高。这是我的代码，它使用bootstrap。实际上，navbar-header div在header-full-title div下面滑动，我想让它强制调整大小，因为它是img响应式的。
<nav class="navbar navbar-default navbar-fixed-top navbar-header-full">
<div class="container">
<
浏览 2提问于2016-03-04得票数 0
2回答
为了学习flexbox，我用我的语言重新创建了Google首页。我这样做了几次，因为有些东西不是很好(何时使用display: flexbox)。但现在我碰壁了。如何定位页脚，使其在底部，并使斯洛文尼亚在一行上，两个UL列表在同一行上，但一个在左边，一个在右边？
我将html和body height设置为100%，并将页脚高度设置为100%。但是当我这样做的时候，页脚出于某种原因跳了起来。为什么会这样呢？和"Google je na voljo v: English“被推高了。
这是我的助手：
这是最终的屏幕截图：
这是我的标记(CSS，不知何故，我不能在这里粘贴它)
/* Fak
浏览 0提问于2018-03-30得票数 1
使用sveltekit和index.svelte文件，我试图像这样调用一个名为index.json.js的端点：
<script context="module">
export async function load({ params, fetch }) {
const response = await fetch('/index.json');
// ...
}
</script>
这不是调用index.json.js端点，而是调用不太具体的[page].json.js端点。(将文件重命名为foo.json.j
浏览 3提问于2022-05-31得票数 0
回答已采纳
1回答
有可能吗？就目前而言，它在我的网页上看起来相当大，我想把它缩小。
如果有区别，我将使用Gist旁边显示的标准嵌入代码。在我的例子中，就是<script src="https://gist.github.com/4090046.js"></script>。
浏览 0提问于2013-01-13得票数 0
为什么要证明-内容:间隔；不在这里工作
当我创建导航栏时，我想要在div项和固定在底部的位置之间的空间，但是当我添加CSS时-content:间隔；不工作。我怎样才能传播div项目？或者如何创建像amazon这样的底部导航条
body{
margin: 0;
padding: 0;
box-sizing: border-box;
}
ul{
list-style: none;
}
a{
text-decoration: none;
}
.container{
width:90%;
margin:auto;
}
.nav_list{
浏览 10提问于2022-08-08得票数 0
我尝试使用ReactiveRouterv2.0.0，当我使用import { Router, Route, browserHistory } from 'react-router'，然后使用console.log(Router)，我得到路由器是未定义的。但是，当我记录路由时，它会输出正确的对象。
"use strict";
import React from 'react'
import { Router, Route, browserHistory } from 'react-router'
import Home from
浏览 1提问于2016-02-25得票数 3
回答已采纳
1回答
我刚接触ANT脚本编程。我需要ANT脚本来实现以下功能。
C:\dojo-release-1.4.2-shrinksafe>java -jar shrinksafe.jar C:\Build\JS\*.js > testMin.js
上面的命令将该文件夹中的所有JS文件合并到一个文件夹中。
<java jar="shrinksafe.jar" fork="true" output="testMin.js">
<arg value="*C:\Build\JS\*.js"/>
浏览 2提问于2011-04-20得票数 1
回答已采纳
我希望在CSS中实现以下效果，并且不需要使用固定数量的像素来指定宽度(我很难用语言描述，但如下所示)：
带有两个“列”的行布局，可变长度文本的左列和可变数目图标的右列；这样两列都会在添加文本/图标时向左浮动并动态增长，但是当文本列扩展到达到最大宽度时，则会用省略号截断其中的文本；而图标列永远不会被截断。
更容易的是查看两个屏幕截图和代码，我链接到下面。代码实现了我所追求的效果，但是使用一个常量来表示图标的宽度。
是否有一种方法可以使用标准的CSS 而不使用常量？
Codepen：
.page {
border: solid 1px blue;
}
ul {
list-
浏览 2提问于2021-02-14得票数 0
回答已采纳
1回答
关闭jQuery手风琴自动上浆
、、、、
我正在使用jQuery UI手风琴控件向我的用户展示一些信息。手风琴窗格中的一些数据本质上是“段落”，有些窗格只是包含一个项目列表。当信息的“段落”类型显示在窗格中时，控件将填充容器div的大小。但是，当用户切换到具有列表类型数据的窗格时，手风琴控件会收缩以适应较小的内容。我不想让它那样做。我希望它能永远填满100%的集装箱。我试过关闭动画，将宽度设置为100%，关闭，设置fillSpace: true，都不起作用。这是我的html / css
<section id="view-right">
<div id="letters-accord
浏览 0提问于2015-11-30得票数 2
回答已采纳
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
腾讯云开发者
