问题标签 [box-sizing]

每当单击它时，我都会使用.clickJQuery 方法来添加.clicked。包含一个边框和属性设置为.<td>.clickedbox-sizingborder-box

<td>当我水平或垂直单击两个连续的 s 时，它们的大小似乎发生了变化。为什么会这样？

这是我的代码：

帮助将不胜感激。

好的，所以我知道 StackOverflow 上有一些与此类似的问题已经得到解答，但它们并没有帮助我。

我正在构建一个消息服务，为此我有两个 div，contacts_box（300px）和message_box（500px）。它们都被包裹在一个div位于. 我希望这两个在 parent 内并排。但无论我做什么，我都无法让它们对齐！800pxwidthaligndivsdiv

请查看我的 HTML 和 CSS 并显示我哪里出了问题？

我试图通过将一个 div 包裹在两个 div 之间——thecenterdiv和sidedivs.

编码：

此链接上的JSFiddle 显示了输出，但它不正确，因为右侧在左侧，而它应该在白色块的右侧并且也应该是 25%。

我已经尝试删除float:lefton the.sidedivs并尝试了绝对位置，但没有成功。奇怪的是，我为页脚使用了相同的代码结构，它的工作方式与它应该的完全一样 - 将每个部分分开所需的 25%-50%-25%，但在这方面它没有，我不知道我错过了什么。

请参阅此 JSFiddle，其中已删除所有左侧元素和 p 标记。

我有一个 * {box-sizing: border-box;} 属性，它使联系表单输入保持良好和独立，但它使上面的小“画廊”稍微偏离中心向左移动，我找不到如何为该特定部分覆盖它。我尝试将其定位并将框大小设置为内容框，但似乎没有任何效果。我错过了什么..？

对不起，这里的代码很长，我不想错过任何东西。

这是我的代码和 Codepen：http ://codepen.io/anon/pen/zKXzZP

我有一个任意高度的元素。元素具有 box-sizing:border-box 属性。如果使用 jquery 指定 100px 高度，结果将是元素的高度等于 120。可能有什么问题？

js：

CSS：

https://jsfiddle.net/yurri_87/8sLovkba/

我在https://jsfiddle.net/Ld07e4s7/4/中有布局，但我无法使第一个蓝色边框达到与其他蓝色边框相同的程度。

也许我不太了解盒子尺寸。但没有它，它会更坏：

此外，这种布局在 Edge 中也出现了问题。我该如何解决？

I've checked some web pages I've developed. There are some css problems for li width.

Here is the code for the navigation menu:

But I get the following result:

The width of the li tag is 16%. And the number of li is 6. Why is the total width of li tags larger than the ul width?

我有两个父元素，里面有 3 个子元素。( #grandParent>#parent>#children*3)grandParent具有设定的高度和宽度，并parent应用了填充。所有元素都有box-sizing: border-box.

应用border-box后，填充应该children变小，但相反，它会将其向下推，并保持其大小。children为什么应用填充时不会变小？

JSFiddle

所以我有以下 html/css 代码

这个小练习的目标是创建一个下拉菜单。因此，将鼠标悬停在 "Hello" 和带有 class="mainbtn" 的 div 上方应该会展开链接列表（我省略了动画和过渡，因为这不是问题的一部分）。问题是带有 class="content" 的 div 内的链接并没有扩展到带有 class="mainbtn" 的 div 的边界边缘。起初我认为一个简单的 box-sizing:border-box 可以解决问题，但事实并非如此。知道如何制作带有 class="content" 的 div 并且其中的链接具有带有 class="mainbtn" 的整个 div 的宽度加上它的边框吗？

有没有办法通过在 React 中内联来设置 box-sizing，而不是通过 CSS 包含它？是推荐的，还是需要的，还是有替代方案？

这是我的意思的示例 CSS 片段：

通过内联，我的意思是这样的：