Tag: CSS

为什么这个CSS的边缘风格不起作用？: 我尝试在另一个div内的div上添加边距值。所有的工作正常，除了最高价值，似乎被忽略。但为什么？我所期望的：我得到：码： #outer { width: 500px; height: 200px; background: #FFCCCC; margin: 50px auto 0 auto; display: block; } #inner { background: #FFCC33; margin: 50px 50px 50px 50px; padding: 10px; display: block; } <div id="outer"> <div id="inner"> Hello world! </div> </div> W3School没有解释为什么保证金行为如此。

100％宽度的HTML表格，tbody内部有垂直滚动条: 我怎样才能设置<table> 100％的宽度，并只放在<tbody>垂直滚动一些高度？ table { width: 100%; display:block; } thead { display: inline-block; width: 100%; height: 20px; } tbody { height: 200px; display: inline-block; width: 100%; overflow: auto; } <table> <thead> <tr> <th>Head 1</th> <th>Head 2</th> <th>Head 3</th> <th>Head 4</th> <th>Head 5</th> </tr> </thead> <tbody> <tr> <td>Content 1</td> <td>Content 2</td> <td>Content 3</td> <td>Content 4</td> <td>Content 5</td> […]

为什么不包含浮动元素的容器元素的高度增加？: 我想问问高度和浮动是如何工作的。我有一个外部的div和一个内部的div，它的内容。它的高度可能会有所不同，这取决于内部div的内容，但似乎我的内部div将溢出其外部div。什么是正确的方法来做到这一点？ <html> <body> <div style="margin:0 auto;width: 960px; min-height: 100px; background-color:orange"> <div style="width:500px; height:200px; background-color:black; float:right"></div> </div> </body> </html>

是否有包含特定文本的元素的CSSselect器？: 我正在寻找下表的CSSselect器： Peter | male | 34 Susanne | female | 12 有没有select匹配所有包含“男性”的TD？

如何使用Javascript加载CSS文件？: 是否有可能导入CSS使用JavaScript的HTML页面样式表？如果是这样，怎么办？ PS的JavaScript将被托pipe在我的网站上，但我希望用户能够在他们的网站的<head>标记，它应该能够导入我的服务器上托pipe的CSS文件到当前的网页。（css文件和JavaScript文件都将托pipe在我的服务器上）。

为什么这个内联块元素向下推？: 以下是我的代码，我想了解为什么 #firstDiv被所有浏览器向下推。我真的很想了解这个事实的内在原因，即为什么它被推倒下来而不是以某种方式拉上去。（我知道如何alignment他们的上衣:)）而且我知道，它的溢出：隐藏是造成它，但不知道为什么它推动这个股下跌。 <div id="container"> <div id="firstDiv">FIRST</div> <div id="secondDiv">SECOND</div> <div id="thirdDiv">THIRD <br>some more content<br> some more content </div> </div> body{ width: 350px; margin: 0px auto; } #container { border: 15px solid orange; } #firstDiv{ border: 10px solid brown; display:inline-block; width: 70px; overflow:hidden; } #secondDiv{ border: 10px solid skyblue; float:left; width: 70px; } #thirdDiv{ […]

如何影响其他元素，当div被徘徊: 我认为这是一个非常基本的问题，但我不知道如何做到这一点。我想要做的是当一个div被徘徊的时候，会影响另一个div的属性。例如，在这个简单的例子中，当您将鼠标hover在#cube它将更改background-color但是我想要的是，当我将鼠标hover在#container #cube时， #container #cube受到影响。 div { outline: 1px solid red; } #container { width: 200px; height: 30px; } #cube { width: 30px; height: 100%; background-color: red; } #cube:hover { width: 30px; height: 100%; background-color: blue; } <div id="container"> <div id="cube"> </div> </div>

媒体查询：如何定位桌面，平板电脑和移动设备？: 我一直在做一些关于媒体查询的研究，我还不太了解如何定位一定大小的设备。我希望能够瞄准桌面，平板电脑和手机。我知道会有一些差异，但是有一个可以用来定位这些设备的通用系统会很好。我发现了一些例子： # Mobile only screen and (min-width: 480px) # Tablet only screen and (min-width: 768px) # Desktop only screen and (min-width: 992px) # Huge only screen and (min-width: 1280px) 要么： # Phone only screen and (max-width:320px) # Tablet only screen and (min-width:321px) and (max-width:768px) # Desktop only screen and (min-width:769px) 你认为这些“断点”应该用于每个设备？