如何为网站水平堆叠CSS元素

文章/答案/技术大牛

发布

2回答

html、css、layout、css-grid、element

我正在构建我的第一个真正的网页，我正在尝试弄清楚如何在主屏幕上正确地堆叠元素。我读过并尝试过类似的帖子，但它们似乎不能满足我的需要。目前我的主页是这样的(忽略页面底部的列表和订阅/登录按钮。final edit of the webpage </div></div> CSS

浏览 17提问于2021-07-16得票数 0

回答已采纳

2回答

下拉菜单项不垂直堆叠

html、css、drop-down-menu

嗨，我有一个下拉菜单的网站，由于某种原因，它的项目水平堆叠。HTML是这样的<ul id="dropdown"></ul> CSS将ul设置为隐藏和li元素相对

浏览 0提问于2016-02-07得票数 0

回答已采纳

1回答

pygal图表水平排列

python、charts、alignment、pygal

我正在尝试让我的pygal.SolidGauge图表像这样排成一条水平线：我怎样才能让它们水平排列？

浏览 0提问于2017-02-09得票数 1

7回答

CSS -元素垂直堆叠而不是水平堆叠

html、css

我有一排七个小图片和一个标题，我需要水平堆叠，但它们是垂直堆叠。它看起来就是这样-我肯定这很简单，但我很困惑。我用的是复位和骨架网格。<h4>360 VIDEO & VIRTUAL REALITY</h4> </div> CSS

浏览 4提问于2017-06-29得票数 3

回答已采纳

3回答

如何使用CSS水平堆叠元素？

html、css

div> <div class="bar"></div> <div class="clear"></div>CSS

浏览 0提问于2016-07-27得票数 0

回答已采纳

2回答

如何使也是flex容器的flex项目水平堆叠？

html、css、layout、flexbox

我在尝试创建一个水平菜单。我对柔箱的理解是，如果我想让元素水平堆叠，我应该应用CSS规则。display: flex但是，在下面的页面中，这些框垂直堆叠。 </div> 如何使css弹性项本身是其他元素的弹性

浏览 5提问于2017-09-12得票数 1

回答已采纳

1回答

为什么我的推特引导肚脐样式不适用？

html、css、twitter-bootstrap、twitter-bootstrap-3

使用BS3、bootstrap.css和both theme.css都在我的项目的样式表目录中，也在我的javascripts目录中的bootstrap.js中。其他引导样式可以很好地显示，如..btn group、..btn fine等。%a{:href => '#'} Link 1 %a{:href => '#'} Link 2 这是它的外观，垂直堆叠而不是水平，以及“品

浏览 2提问于2013-09-21得票数 1

回答已采纳

2回答

将链接放在一起- CSS移动样式

css、wordpress、media-queries

我有我的链接垂直堆叠在我的默认CSS中，但我试图将导航推到页面顶部，并在移动设备中水平设置它们。似乎不能让它发生。该站点使用WordPress，这使得确定元素的名称变得很困难。sidebaar ul li, #sidebaar ul li a{clear:none; width:100%;可以在此处查看我的网站

浏览 0提问于2017-04-19得票数 0

1回答

将Glyphicon堆叠并居中引导到list item.Stack中的文本上方，将Bootstrap Glyphicon放在列表项中的文本上方

html、html-lists、nav

我希望在垂直和水平居中，然后堆叠在列表项目文本上方的字形图标。如何为此创建css3？

浏览 0提问于2015-06-30得票数 0

1回答

阻止内联<a>中的<li>行为

html、css、block、inline

下面的HTML / CSS结果给我的印象是奇怪和出乎意料的，我真的在寻找这个解析方式背后的逻辑。="nav"> </li> </li> 这会导致<li>垂直堆叠(就像块元

浏览 1提问于2014-12-10得票数 2

回答已采纳

3回答

我试图在我的网站上设置水平规则元素的样式(或分隔符，如Wordpress所喜欢的那样)。我已经将CSS添加到我的样式表中，但是由于某种原因，样式并不适用于所有水平规则的实例。我对网络开发非常陌生，这是我第一次修改style.css。我觉得我可能漏掉了一些明显的东西。我在style.css顶部添加了以下内容： background-color:#06185F !important; height:0.5px !importan

浏览 0提问于2019-07-19得票数 0

回答已采纳

1回答

缩放元素以适应浏览器窗口

css、layout、cross-browser、positioning、vimeo

我猜我不知道应该针对哪些元素以及如何针对它们。非常感谢。

浏览 1提问于2013-06-05得票数 0

1回答

Elementor粘性向下滚动按钮

wordpress、elementor、onepage-scroll

我正在尝试做的是一个粘性按钮，可以在每次点击时从一个部分跳到另一个部分(在一个单页面网站上一个接一个地通过所有部分)。这是我获得灵感的网站：Brightwoodlp.com。

浏览 33提问于2021-09-17得票数 0

回答已采纳

6回答

元素之间没有hack的分隔符

html、css

在布局网站时，我经常想做的一件事就是让一些元素彼此相邻，并在它们之间加上分隔符。例如，如果我有3个元素，我希望它们之间有2个分隔符，两端都不需要分隔符。<div> <span class="note

浏览 2提问于2011-10-12得票数 23

回答已采纳

1回答

Firefox中的jQuery平滑分区滚动空间问题

jquery、firefox、smooth-scrolling

我正在尝试实现一个横向投资组合网站上托马斯汗的jQuery平滑分割卷轴。它在Chrome中的作用就像一个护身符，但在Firefox中，元素的间距却很奇怪。我的网站属于同样的类别，但其他人找到的解决方案(删除链接，只有一个简单的图片列表)对我不起作用。我希望滚动div填充不同种类的内容，这些内容总是填充整个导航器的高度，例如，一个水平的图像与悬停出现的图例，一个垂直的，然后两个水平的高度为50%的相互堆叠，然后是一个文本列，等等。这个插件似乎真的允许使用正确的css (在

浏览 0提问于2013-11-06得票数 0

1回答

移动网站的CSS问题

html、css、mobile

我正在建设移动网站。这个页面的CSS可以在上找到。基本上，我猜有两个主要组成部分。(正文和内容)。谢谢

浏览 0提问于2010-07-18得票数 1

回答已采纳

1回答

使用"base64string“并动态创建css类作为div背景图像的英雄图像

javascript、css

我已经发现，英雄图像只能与属性background- image : url("heroimage.png")；和一个DIV元素一起使用。英雄形象示例：https://www.w3schools.com/howto/howto_css_hero_image.asp 我的问题是： 1.)如何为多个英雄图像创建多个“动态”生成的CSS类(即1个CSS类对应1个英雄图像)？如何为CSS类/属性“Base64

浏览 68提问于2021-08-29得票数 0

回答已采纳

3回答

在CSS2.1中，如果父母建立了一个堆叠上下文，为什么孩子的文本可以放在父文本下面，而背景色却不能呢？

css

这是一个高级CSS问题。在JSFiddle中：(在Chrome26.0、Firefox20.0和IE10上进行测试) 父函数建立一个堆叠上下文，并且子元素的z索引比父文件高，并且覆盖父文件，所以这一切都很好。相关的问题是:当父母建立一个堆叠的上下文时，你如何使父母完全超越孩子的，甚至对于背景来说也是？请不要回答删除positive: relative或删除父级的z-index: 0，因为这将无法为子级建立堆叠上下文。

浏览 3提问于2013-05-12得票数 2

1回答

为什么要定位:固定不从流动中取出一个元素？

html、css、fixed

有什么常见的原因吗：position:fixed 不会从流中提取一个元素吗？--我以前从未见过这种情况--通常是固定的--总是将元素应用于窗口。我有一个大型的应用程序，我已经将position:fixed应用于一个嵌套元素。元素是嵌套的，因为作用域变量。我会链接一些html和css，但似乎没有什么不寻常的？所以我真的不知道该展示什么。ng-model="dropdownSelected"></div> <di

浏览 2提问于2014-09-12得票数 2

回答已采纳

1回答

基础CSS与菜单冲突

html、css、menu、zurb-foundation、conflict

此外，我还使用了一些其他CSS的外部菜单(不是由zurb基金会)。但是我的菜单css与基础large-12 columns相冲突，并产生了这样的结果，如下所示。任何主体都得到了解决方案，这样css就不会冲突，我也通过使用foundation large-12列得到了如图2所示的结果。

浏览 0提问于2015-08-24得票数 0

点击加载更多