Questions tagged «css»

我希望div始终位于其父div的右侧，因此我使用float:right。有用。 但是我也希望它在插入时不影响其他内容，所以我使用position:absolute。 现在float:right不起作用，我的div始终位于其父div的左侧。如何将其向右移动？

125 css  css-float  position 

我刚刚发现了Sass，对此感到非常兴奋。 在我的网站中，我实现了一个树状的导航菜单，使用子组合器（E > F）设置了样式。 有什么方法可以在Sass中使用更简单（或更优）的语法来重写此代码？ #foo > ul > li > ul > li > a { color: red; }

125 css  css-selectors  sass 

我意识到可以使用CSS属性将自定义图形指定为替换项目符号字符： list-style-image 然后给它一个URL。 但是，就我而言，我只想使用'+'符号。我不想为此创建图形然后指向它。我宁愿只是指示无序列表使用加号作为项目符号。 可以这样做吗？还是我必须先将其制成图形？

125 html  css  webkit  mobile-webkit 

我需要在div的右上角显示一个图像（该图像是“对角”功能区），但是将当前文本包含在内部div中，就像粘贴在其顶部一样。 我尝试了不同的方法，例如将图像包含在另一个div中或定义其类，例如： .ribbon { position: relative; top: -16px; right: -706px; } <div id="content"> <img src="images/ribbon.png" class="ribbon"/> <div>some text...</div> </div> 但没有任何运气。我得到的最好结果是所有文本向下滚动以获得相同高度的图像。 任何想法？

125 html  css 

Наэтотвопросестьответына 堆栈溢出русском：滚动和填充 我在尝试将.html页面在Chrome上保持一致的宽度时遇到一个小问题，例如，我的页面（1）的内容很多，导致视口（正确的单词？）高度溢出，因此有一个垂直滚动条在该页面上（1）。在页面（2）上，我具有相同的布局（菜单，div，...等），但内容较少，因此其中没有垂直滚动条。 问题是，在页面（1）上，滚动条似乎将元素稍微向左推（累加了宽度？），而所有内容似乎都很好地位于页面（2）的中心 我仍然是HTML / CSS / JS的初学者，我非常相信这并不是那么困难，但是我没有运气找出解决方案。它确实可以在IE10和FireFox（无干扰滚动条）上正常运行，我只在Chrome上遇到过。

125 html  css  google-chrome  scrollbar 

我正在尝试用自己的图片替换选择箭头。我将SELECT包含在具有相同大小的div中，将选择的背景设置为透明，并且在div的右上角包含了图片（与箭头相同的大小）作为背景。 它仅适用于Chrome。 如何在Firefox和IE9中使它正常运行： .styled-select { width: 100px; height: 17px; overflow: hidden; overflow: -moz-hidden-unscrollable; background: url(images/downarrow_blue.png) no-repeat right white; border: 2px double red; display: inline-block; position: relative; } .styled-select select { background: transparent; -webkit-appearance: none; width: 100px; font-size: 11px; border: 0; height: 17px; position: absolute; left: 0; top: 0; } body …

125 css  select 

Наэтотвопросестьответына堆栈溢出нарусском：КаксоздатьэтотэффектиллюминацииспомощьюCSS？ 我想模拟一个“扫描”灯，该灯将显示框中的单词，这是我现在的代码： const e = document.getElementsByClassName('scan')[0]; document.onmousemove = function(event){ e.style.left = `${event.clientX}px`; }; *{ margin: 0; padding: 0; } html, body{ width: 100%; min-height: 100vh; overflow-x: hidden; display: flex; } .banner{ width: 100vw; height: 100vh; display: flex; flex-grow: 1; flex-direction: row; align-items: center; background-color: #031321; } .banner .scan{ width: 7px; …

125 html  css 

在Angular 2中更改路线时如何显示加载屏幕？

124 html  css  angular  angular2-routing 

我正在使用PHP DOM，并且试图在DOM节点中获取具有给定类名的元素。获得该子元素的最佳方法是什么？ 更新：我最终使用Mechanize了PHP，它更易于使用。

124 php  css  dom 

研究特异性时，我偶然发现了这个博客- //www.htmldog.com/guides/cssadvanced/specificity/ 它指出，特异性是CSS的得分系统。它告诉我们元素值1分，类值10分，ID值100分。最重要的是，这些点是合计的，总数就是选择者的特异性。 例如： 身体 = 1点 身体.wrapper = 11点 身体.wrapper＃容器 = 111点 因此，使用这些要点，我期望以下CSS和HTML导致文本为蓝色： #a { color: red; } .a .b .c .d .e .f .g .h .i .j .k .l .m .n .o { color: blue; } <div class="a"> <div class="b"> <div class="c"> <div class="d"> <div class="e"> <div class="f"> …

124 css  css-selectors  css-specificity 

我已经多次看到，负填充的前景可能会帮助某些页面元素的CSS开发变得越来越好。但是，W3C CSS中没有负填充的规定。这背后的原因是什么？该属性是否有任何阻碍其使用的阻碍？感谢您的回答。 更新 例如，我看到的情况是，如果您使用的字体的垂直间距为20px，并且希望在字体底部应用虚线边框，例如出现超链接时。在这种情况下，您会发现样式太简陋，因为虚线边框会出现在指定单词下方20px。如果您使用负边距，则它将不起作用，因为边距会更改边界外的区域。在这种情况下，负填充可能会有所帮助。

124 html  css  padding 

仅使用css，如何仅覆盖表第二列的css。 我可以使用以下方法访问所有列： .countTable table table td 由于它不是我的网站，因此无法访问此页面上的html进行修改。 谢谢。

124 css 

我正在使用带有背景图像的透明1x1图像，以便能够使用精灵并仍为某些图标提供替代文本。 我想为图像使用数据URI来减少HTTP请求的数量，但是产生透明图像的最小字符串是什么？ 我意识到我可以使用数据URI：s代替实际的图片，但是当所有内容都保存在CSS中而不是分散放置时，维护起来会更容易。

124 css  css-sprites 

CSS中虚线边框之间的长度和距离是否可以控制？ 下面的示例在不同的浏览器中显示不同： div { border: dashed 4px #000; padding: 20px; display: inline-block; } <div>I have a dashed border!</div> 运行代码段隐藏结果展开摘要 较大的不同：IE 11 / Firefox / Chrome 是否有任何方法可以更好地控制虚线边框的外观？

124 css  border  css-shapes 

我正在为我的HTML页面滚动问题寻找CSS / Javascript解决方案。 我有三个div，其中包含一个div，一个标头和一个包装div， 我需要在包装div中使用垂直滚动条，高度应为自动或基于内容的100％。 标头应该是固定的，我不需要整体滚动条，所以我overflow:hidden在body标签中给出了信息， 我的包装div中需要垂直滚动条。我怎样才能解决这个问题？ 的HTML <div id="container"> <div class="header"></div> <div class="wrapper"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus porta tortor sed metus. Nam pretium. Sed tempor. Integer ullamcorper, odio quis porttitor sagittis, nisl erat tincidunt massa, eu eleifend eros nibh sollicitudin est. Nulla dignissim. Mauris …

124 css