Questions tagged «css»

CSS（层叠样式表）是一种表示样式表语言，用于描述HTML（超文本标记语言），XML（可扩展标记语言）文档和SVG元素的外观和格式，包括（但不限于）颜色，布局，字体，和动画。它还描述了如何在屏幕，纸张，语音或其他媒体上呈现元素。

3
位置固定宽度100％
我有一个position:fixed宽度为250px，高度为100％的左列，我试图在顶部但左侧列的右侧放置一个固定的，流畅的水平条，例如以下示例： 但这就是我要到达的地方： 这是我所做的： JSFIDDLE .page-wrapper, html, body { width:100%; height:100%; margin:0; padding:0; } .left-column { position:fixed; top:0; left:0; z-index:1000; width:250px; height:100%; background:#090909; } .top-bar { position:fixed; top:0; left:250px; width:100%; height:54px; background:#090909; z-index:1000; } 如何使此固定的顶部栏跨过屏幕宽度的100％，而不会溢出。我希望这是一个简单的修复程序，因为我花了很长时间来构建一个相当复杂的响应模板，并且刚刚发现添加内容后，顶部栏右侧的内容在屏幕上消失了！ 我确实有一个想法，但可能不是最理想的，因此首先对其他建议感兴趣。左固定列的z-index值可能会比顶栏的z-index值高，从顶栏删除左页边距，而是在左栏的内容上放置左页边距，与左栏的宽度相同。听起来令人困惑，但可能。
74 html  css 
12
CSS内嵌边框
我需要创建一个单色插入边框。这是我正在使用的CSS： border: 10px inset rgba(51,153,0,0.65); 不幸的是，这会创建3D脊状边框（忽略正方形和深色说明框）
74 html  css  border 
8
CSS表格的TD宽度-固定，不灵活
我有一张桌子，我想在td上设置30px的固定宽度。问题在于，当td中的文本太长时，td会被拉宽到30px以上。Overflow:hidden在td上也不起作用，我需要某种方式隐藏溢出的文本并保持td宽度为30px。 <table cellpadding="0" cellspacing="0"> <tr> <td>first</td><td>second</td><td>third</td><td>forth</td> </tr> <tr> <td>first</td><td>this is really long</td><td>third</td><td>forth</td> </tr> </table>
74 html  css  html-table 
3
如何在CSS中延迟：hover效果？
有没有办法在不使用JavaScript的情况下延迟：Hover事件？我知道有一种方法可以延迟动画，但是在延迟：hover事件方面我什么都没看到。 我正在建立一个像菜单的。鱼。我想模拟hoverIntent的作用，而不增加额外的JS重量。我宁愿将此视为渐进式增强，而不是使JS成为使用菜单的要求。 菜单标记示例： <div> <div> <ul> <li><a href="#"> <ul> <li></li> <li></li> </ul> </li> <li> <li> </ul> </div> </div> 这是完整的演示：http : //jsfiddle.net/aEgV3/
74 css  hover  delay 
4
如何在javascript中获取HTML元素的样式值？
我正在寻找一种从样式标签中设置了样式的元素中检索样式的方法。 <style> #box {width: 100px;} </style> 在身体里 <div id="box"></div> 我正在寻找不使用库的直接javascript。 我尝试了以下操作，但始终收到空白： alert (document.getElementById("box").style.width); alert (document.getElementById("box").style.getPropertyValue("width")); 我注意到，如果我已使用javascript设置了样式，但无法使用样式标签，则只能使用以上内容。
8
自动换行断字在此示例中不起作用
我无法使用自动换行功能来​​处理此示例... <html> <head></head> <body> <table style="table-layout:fixed;"> <tr> <td style="word-wrap: break-word; width:100px;">ThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrap</td> </tr> </table> </body></html> 我记得曾经读过必须指定一个布局（我这样做了），但是除此之外，我不确定要使它生效必须做什么。我真的很想在Firefox中工作。谢谢。 编辑：在Chrome 19和Firefox 12中失败，它可以在IE8中使用。我尝试了doctype严格和过渡性的方法，但都没有用。
74 html  css 
10
如何设置表格单元的最大高度？
我有一个宽度和高度固定的表格单元，并且如果文本太大，单元格的大小应保持不变，并且文本应通过overflow：hidden隐藏。 div { display: table-cell height: 100px; width: 100px; overflow: hidden; vertical-align: middle; } 但是，如果添加了太多文本，则表格单元格会扩展到100px以上。有什么技巧可以阻止它扩展吗？ 文本的长度应为几行，因此“ white-space：nowrap”解决方案不适用
74 html  css 
8
边距顶端不起作用：
<div style="float: left;">Left</div> <div style="float: right;">Right</div> <div style="clear: both; margin-top: 200px;">Main Data</div> 运行代码段隐藏结果展开摘要 为什么margin:top“主数据”在上面的代码中不起作用？
74 css  css-float 
9
为什么要在HTML中使用容器div？
我注意到一种常见的技术是将一个通用容器div放在body标签的根目录中： <html> <head> ... </head> <body> <div id="container"> ... </div> </body> </html> 有这样做的正当理由吗？为什么CSS不能仅引用body标签？
74 html  css 
5
DIV高度设置为屏幕的百分比吗？
我希望将父DIV设置为整个100％屏幕高度的70％。我已经设置了以下CSS，但是它似乎什么也没做： body { font-family: 'Noto Sans', sans-serif; margin: 0 auto; height: 100%; width: 100%; } .header { height: 70%; } 由于某种原因，它似乎无法正常工作，并且标题不是屏幕尺寸的70％。有什么建议吗？
74 html  css 
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.