Questions tagged «css»

我有2个div：在页面的左侧是一个，在右侧是一个。左侧的一个宽度固定，我希望右侧的一个填充剩余空间。 #search { width: 160px; height: 25px; float: left; background-color: #ffffff; } #navigation { width: 780px; float: left; background-color: #A53030; } <div id="search">Text</div> <div id="navigation">Navigation</div> 运行代码段隐藏结果展开摘要

419 html  css  width  responsive 

好吧，这真的让我感到困惑。我在div中有一些内容，例如： <div style="background-color: green; width: 200px; height: 300px;"> Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest. </div> 但是，由于“单词”太长，内容溢出了DIV（如预期的那样）。 如何在必要时强制浏览器“破坏”单词以适合其中的所有内容？

417 html  css  line-breaks 

我有一张图片，我想将其设置为特定的宽度和高度（以像素为单位） 但是，如果我使用css（width:150px; height:100px）设置宽度和高度，则图像将被拉伸，并且可能很难看。 如何使用CSS 将图像填充到特定大小，而不进行拉伸？ 填充和拉伸图像示例： 原始图片： 拉伸图像： 填充图片： 请注意，在上面的“填充图像”示例中：首先，将图像调整为150x255（保持纵横比），然后将其裁剪为150x100。

416 css  image 

我有一个div（父）包含另一个div（子）。Parent是第一个body没有特定CSS样式的元素。当我设定 .child { margin-top: 10px; } 最终结果是我的孩子的顶部仍然与父母对齐。我的父母没有将孩子向下移动10px，而是将其向下移动10px。 我DOCTYPE的设定为XHTML Transitional。 我在这里想念什么？ 编辑1 我的父母需要具有严格定义的尺寸，因为它的背景必须从上到下显示（像素完美）。因此，在其上设置垂直边距是不可行的。 编辑2 此行为在FF，IE和CR上是相同的。

414 css  xhtml  margin  nested 

有什么好的方法可以帮助您识别项目中未使用的CSS定义？一堆css文件被拉进来了，现在我正在尝试清理一些东西。

414 css  performance  optimization  code-cleanup 

是否有一种简单的CSS方法可以使像这样的元素的边界半透明？ border-opacity: 0.7; 如果没有，是否有人知道我不使用图像怎么办？

409 css  opacity 

!importantCSS是什么意思？ CSS 2中可用吗？CSS 3？ 在哪里支持？所有现代浏览器？

409 css 

我试图将标签的内容垂直居中，但是当我添加CSS样式时display:inline-flex，水平文本对齐会消失。 如何为每个选项卡设置文本对齐方式x和y？ * { box-sizing: border-box; } #leftFrame { background-color: green; position: absolute; left: 0; right: 60%; top: 0; bottom: 0; } #leftFrame #tabs { background-color: red; position: absolute; top: 0; left: 0; right: 0; height: 25%; } #leftFrame #tabs div { border: 2px solid black; position: static; float: left; …

408 html  css 

如何递归选择所有子元素？ div.dropdown, div.dropdown > * { color: red; } 此类仅在定义的className和所有直接子级上抛出一个类。您如何以一种简单的方式选择所有子节点，如下所示： div.dropdown, div.dropdown > *, div.dropdown > * > *, div.dropdown > * > * > *, div.dropdown > * > * > * > * { color: red; }

407 css  css-selectors 

如何获得元素的渲染高度？ 假设您的<div>元素内部包含一些内容。内部的内容将扩大的高度<div>。当您没有明确设置高度时，如何获得“渲染的”高度。显然，我尝试过： var h = document.getElementById('someDiv').style.height; 有这样做的技巧吗？如果有帮助，我正在使用jQuery。

405 javascript  jquery  css  height 

关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗？ 更新问题，使其成为Stack Overflow 的主题。 3年前关闭。 像大多数Web开发人员一样，我偶尔也喜欢查看网站的来源，以了解其标记的构建方式。Firebug和Chrome开发者工具之类的工具使检查代码变得容易，但是如果我要复制一个孤立的部分并在本地使用它，则复制所有单个元素及其关联的CSS会很痛苦。保存整个源代码并剪切不相关的代码可能需要做很多工作。 如果可以在Firebug中右键单击一个节点并具有“为该节点保存HTML + CSS”选项，那就太好了。是否存在这样的工具？是否可以扩展Firebug或Chrome开发者工具来添加此功能？

403 html  css  internet-explorer  firebug  google-chrome-devtools 

输出： 你好 你好吗 码： <p>hello <br> How are you </p> 没有相同的输出，如何实现<br>？

398 html  css 

我目前想知道两者之间有什么区别。当我使用两者时，如果它不适合容器，它们似乎会打乱这个词。但是，为什么W3C有两种方法可以做到这一点？

397 css  word-wrap 

我有一个html输入。 输入有padding: 5px 10px;我希望它是父div宽度的100％（可变）。 但是，使用width: 100%;导致输入100% + 20px如何解决呢？ 例

396 html  css  width  fluid-layout 

我正在使用Chrome检查器尝试分析z-indexTwitter Bootstrap弹出窗口的，发现它非常令人沮丧... 有没有一种方法可以冻结弹出窗口（如图所示），以便我可以评估和修改关联的CSS？ 在关联的链接上放置固定的“悬停”不会导致弹出窗口的出现。

394 css  google-chrome  google-chrome-devtools