css - 添加右边框 : 1px causes the whole structure to fall apart

标签 css border

<分区>

如何解决这个问题,以便可以使用“border-right: 1px”?

border-right: 0;

https://jsfiddle.net/7dj6crmL/30/

input[type=submit] {
  border-right: 0;
}

enter image description here

border-right: 1px 加入:

https://jsfiddle.net/7dj6crmL/32/

input[type=submit] {
  border-right: 1px solid #0059dd;
}

enter image description here

最佳答案

container-right 移到 container-left 之前,并按如下方式更改 CSS 类:

.container-right { float :对; }

注意:不再需要容器右侧的边距

https://jsfiddle.net/4rz6tjg0/

关于css - 添加右边框 : 1px causes the whole structure to fall apart,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54059342/

上一篇:html - 如何在图像上制作一条短的水平线?

下一篇:javascript - 我们如何更改 v2 div 中存在的 p 标签的值?

相关文章:

javascript - blur.js - 用另一张图片模糊背景

html - 如何使用百分比使 DIV 的文本垂直和水平居中?

html - 整页边框 | CSS

html - 使用链接图像时如何摆脱链接边框?

c# - 从边框中排除标签文本

css - 避免边框重叠 CSS

jquery - Select2 不适用于模态

css - 导航元素修复太停留在一行

css - 在 CSS 中定义自定义列表样式类型

java - 更改 AWT TextField 的边框颜色