Question

我在停用地的 but子上增加了一条边界,但这扰乱了超文本布局。我怎么能够这样做,不干扰超文本布局?

Answer 1

您可使用<条码>箱式封顶等财产书写方式:

.child:hover{
    b或der:1px solid green;
    -moz-box-sizing:b或der-box;
    -webkit-box-sizing:b或der-box;
    box-sizing:b或der-box;
}

Check this http://jsfiddle.net/zFJHV/1/

或

页: 1

div{
 b或der-bottom:1px solid red;
 margin-bottom:-1px;
}

http://www.un.org。

may be 页: 1outline instead of b或der check this:

rel=“nofollow> http://jsfiddle.net/zFJHV/2/。

Answer 2

为什么没有边界,而是最初有与背景相同的颜色,以便有效透明?

然后简单地改变 mo的颜色。

Answer 3

纵深地带,甲壳的宽度因边境X2的缘故而减少。

例如,如果纽特河宽100px,并且你重新沿途增加1px边界,那么中央安全局就应当:

width: 98px;
border: 1px solid #000;

Answer 4

There are several possible solutions, some of which were posted in other answers.

如果你想要跨越边界,最简单和最容易的是增加一个大纲。纲要不影响要素的流通,但并不影响个别方面的工作。 (其意图将用于偷窃而不是设计。)

button:hover { outline: 1px solid black; }

虽然Stephanie为减少阴残 element而采取了解决办法,但是由于你缩小了元素大小,内部的内容将有所改变。 (Edit:从理论上讲,这实际上可以把一些案文排在外线,从而将其他一些内容推倒。)

你可以把负差作为ande(在其原始答复中)说的话,有效取消该要素所用的额外空间。只要我能够说出这一点,就会影响流动,但可能会出现一些edge。

button:hover { border: 1px solid black; margin: -1px; } /* all sides*/
button:hover { border-bottom: 1px solid black; margin-bottom: -1px; } /* bottom only */

另一种解决办法是将边界与背景颜色(正如Crispalot爵士所建议的那样)相同,或使边界透明。然后改变对 h的颜色。使其具有透明度将涉及任何肤色背景,但要素的背景颜色(如果是你的话,纽芬兰)将显示。

/* for a patterned page background: */
button { border-bottom: 1px solid transparent; }
button:hover { border-bottom: 1px solid black; }

/* or, if the button has a background colour: */
button { border-bottom: 1px solid #fff; }
button:hover { border-bottom: 1px solid black; }

Answer 5

在海隆,增加边界,减少宽度,每增加2个x。这不会改变布局。

友情链接