Tag: CSS

垂直alignment图像旁边的文字？: 为什么不vertical-align: middle工作？然而， vertical-align: top工作。 <div> <img style="width:30px;height:30px"> <span style="vertical-align:middle">Doesn't work.</span> </div>

为什么这些内联块div元素之间存在无法解释的差距？: 我有两个内嵌块div元素，它们是相同的，彼此相邻放置。但是，尽pipe边距设置为0，但两个div之间似乎还有一个4像素的神秘空间。没有父节点影响它们 – 发生了什么？ CSS #container { display:inline-block; position:relative; background:rgb(255,100,0); margin:0px; width:40%; height:100px; } 这就是我想要的样子：

CSS overflow-x：visible; 和溢出 – Y：隐藏; 导致滚动条问题: 假设你有一些风格和标记： ul { white-space: nowrap; overflow-x: visible; overflow-y: hidden; /* added width so it would work in the snippet */ width: 100px; } li { display: inline-block; } <div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> […]

你如何阻止浮动元素的父母崩溃？: 尽pipe像<div>这样的元素通常会增长以适合其内容，但是使用float属性会给 CSS新手带来惊人的问题：如果浮动元素具有非浮动的父元素，则父元素将会崩溃。例如： <div> <div style="float: left;">Div 1</div> <div style="float: left;">Div 2</div> </div> 在这个例子中的父div 不会展开来包含其浮动的孩子 – 它将显示有height: 0 。你如何解决这个问题？我想在这里创build一个详尽的解决scheme列表。如果您知道跨浏览器兼容性问题，请将其指出。解决scheme1 浮动父。 <div style="float: left;"> <div style="float: left;">Div 1</div> <div style="float: left;">Div 2</div> </div> 优点：语义代码。缺点：你可能并不总是希望父项被浮动。即使你这样做，你是否会浮动父母的父母，等等？你必须浮动每一个祖先的元素？解决scheme2 给父母一个明确的高度。 <div style="height: 300px;"> <div style="float: left;">Div 1</div> <div style="float: left;">Div […]

如何申请！重要使用.css（）？: 我很难应用一种!important的风格。我试过了： $("#elem").css("width", "100px !important"); 这什么都不做 ; 任何宽度的风格都不适用。是否有jQuery的方式来应用这种风格，而不必覆盖cssText （这意味着我需要先parsing它，等等）？编辑：我应该添加，我有一个!important样式的样式表，我试图重写!important样式内联，所以使用。 .width()等不工作，因为它被我的外部重写样式重写。而且，将会覆盖之前值的值将被计算，所以我不能简单地创build另一个外部样式。

点击一个DIV到底层元素: 我有一个具有background:transparent的div background:transparent ， border 。在这个div下面，我有更多的元素。目前，我可以点击覆盖div以外的基础元素。但是，直接点击叠加div时，我无法点击底层元素。我希望能够点击这个div以便我可以点击底层的元素。

在CSS中使用“！important”有什么意义？: 我一直在网站上工作了几个月，很多时候我一直在尝试编辑一些东西，我必须使用!important ，例如： div.myDiv { width: 400px !important; } 以便按预期显示。这是不好的做法？或者是!important命令可以使用吗？这可能会导致什么事情进一步下行？

“>”（大于号）CSSselect器是什么意思？: 例如： div > p.some_class { /* Some declarations */ } >符号是什么意思？