我在div中有一个div，它们都有边框。如何使内部div的顶部边框与外部div的边框重叠？
HTML：
<body>
<div id = "outerdiv">
<div id = "innerdiv">
content
</div>
</div>
</body>
CSS：
#outerdiv{
border: 1px solid black;
}
#innerdiv{
border-top:
浏览 9提问于2013-02-18得票数 1
1回答
在这样的情况下，有3张照片。
我有：
1) left.png左边框为div。
2) right.png - div的右边框。
3) background.png - div的背景。
我有一个代码：
<div class="container">
<div class="row clearfix">
<div class="col-lg-4 column left_part"> ... content ... </div>
</div>
</div&g
浏览 1提问于2014-10-12得票数 0
回答已采纳
HTML
<div class="div_a">
<div>text</div>
<div class="div_close"></div>
</div>
CSS
.div_a {pointer:cursor; z-index:100;}
.div_a:hover {border:1px solid red;}
.div_close {pointer:cursor; z-index:9999;}
.div_close:hover {border:1px solid blue;
浏览 0提问于2020-03-11得票数 1
为什么这不起作用？div有5px的边框，在鼠标悬停时，边框应该上升到10像素，在鼠标输出时，边框应该回到5，但不知何故，边框被重置为0，然后开始两个动画。
下面是我的代码：
<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script>
$(document).ready(function(){
$("div").hover(function(){
$(this).filter(":not(:animated
浏览 0提问于2010-12-23得票数 1
回答已采纳
我正在尝试遍历几个div，并找到它们周围有蓝色边框的那些。然后，如果该div有一个蓝色边框，请查看它是否包含任何具有蓝色边框或边框宽度为3px的div。如果main div有一个蓝色边框，但没有带有蓝色边框或边框wdth为3px的div，则附加一些文本。
我的jQuery正在查找具有蓝色边框的主div，但没有找到内部具有蓝色边框或边框宽度为3px的div。
这是我的jQuery
$('.decNode').each(function (e) {
if ($(this).css('border-color') == 'rgb(0, 0, 2
浏览 23提问于2019-07-10得票数 0
回答已采纳
3回答
我有一个宽800px的div容器，它被一个边框(1px)分成两部分。div A (399px)向左浮动，而div B(400px)向右浮动。问题是当我缩小时，右边的边框，也就是div B，正在移动，它把它放在页面的底部。为了解决这个问题，我将两个div的宽度分别设置为50% --我去掉了边框。现在，当我在中间添加边框(通过设置div A的右边框)，并将div A调整为49.8%时，当缩小时，它再次将div B放在底部。我做错了什么吗？问题是我猜边框被设置为1px。如何解决这个问题？我需要1px大小的边框。
浏览 1提问于2011-08-04得票数 0
3回答
悬停时底边颜色的变化
、、、
我有一个div，它可以在底部边框上调整大小(使用jQueryUI)。当鼠标悬停时，我需要改变底部边框的颜色。注意，当div悬停在其他边框上时，底部边框的颜色不应该改变。
Mouseover事件在元素级别工作，而不是在边框级别，因此我不确定这是否可以实现。有什么想法吗？
HTML
<div class="div2"></div>
Javascript
$(".div2").resizable({
handles: "s"
});
浏览 1提问于2018-06-28得票数 2
回答已采纳
1回答
看看 -我有三个border-width都是2px的div。最初的问题是因为每个div的边框宽度为2px，边框在每个div之间复制，总边框宽度为4px。我通过在每个div上添加一个-2px的margin-top修复了这个问题。这使得div覆盖了上面的div的边界，实现了看起来均匀的边界。
我想给我的div添加一个悬停效果，所以我添加了以下CSS：
#main div:hover {
border-color:#09C;
}
问题是，因为顶部两个的边框被它们下面的div所覆盖，所以悬停效果看起来不正确(每个div的底部边框似乎没有突出显示)。
我希望能够在每个div之间有一个2px的边框
浏览 3提问于2012-01-11得票数 2
回答已采纳
2回答
我有标签，当是当前它增加了一个边框顶部，边框左和边界右。
左边的边框和右边的边框，当显示的时候，似乎是挂在.tabs边框的底部。
问题，如何确保选项卡是有类.current的，边框左和右将与.tabs边框底部相等。
CSS
.tabs {
border-bottom: 1px solid #e4e6e8;
margin-top: 3rem;
padding-bottom: 10px;
}
.tabs a {
padding: 15px;
}
.tabs a.current {
background: #fff;
color
浏览 2提问于2017-03-01得票数 0
回答已采纳
1回答
有没有一种干净的，只有css的方式来在cols周围添加一致的1px边框，当两个边框并排时，你没有2px边框？请注意，外边有一个1px的边框，而内边边框是双倍宽度，因为它们是并排的。基本上，我想要表格单元格的边框，但是要有网格的响应性。
#example {
padding: 20px;
}
#example .col {
border: 1px solid #c9c9c9;
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.css
浏览 20提问于2018-02-14得票数 2
回答已采纳
1回答
我有一个div，它有一个叫做'ball‘的类，div的每个边缘都有一个边框(上边框，左边框等)，当用户点击每个边框上的边框时，我想用JavaScript触发不同的事件。
例如:用户点击边框顶部的console.log('top')，等等
HMTL：
.ball {
border-radius: 50%;
width: 400px;
height: 400px;
margin: auto;
background-color: red;
border-top: 20px solid green;
border-left: 20px solid
浏览 1提问于2018-02-17得票数 3
回答已采纳
4回答
想象一下4个盒子并排(Div)。这是一个菜单，当一个框被选中时，它的边框是红色的，所有其他的div边框都是黑色的。我的问题是，有没有一种简单的方法可以让与所选div相邻的div在接触到所选div的一侧不会有黑色边框。这是因为你会有一个选中的带有红色边框的div，第二个边框是黑线，这是我不想要的。
怎样才能让2个div看起来像是只有一个边框呢？
我正在努力使我在这里的一切变得完美。
此时，白色垂直边框会打断水平灰色。情况不应该是这样的，但我不知道如何改变这一点。
浏览 0提问于2012-09-21得票数 4
回答已采纳
我正在创建一个具有垂直列表的导航栏(在div中)。当您单击导航中的某个元素时，它会弹出一个与nagigation列表相接触的div。这个div有一个边框(去掉那个边框看起来很奇怪，所以我就不这么做了)。如何删除部分边框(接触所选导航div部分)？
更多的解释:弹出的div会接触到左侧的导航。我只想隐藏与导航栏中所选元素接触的部分的边框。
找到一个解决方案:我需要在导航上放一个右边框：-1px，以便在弹出的div上覆盖边框。
浏览 0提问于2013-01-30得票数 0
我有三个HTML、B、C作为divs，还有一个叫做div的令人着迷的wrap：
<div id="wrap" class="wrapping">
<div id="A" class="...">...</div>
<div id="B" class="...">...</div>
<div id="C" class="...">...</div>
</div&g
浏览 3提问于2012-02-28得票数 0
2回答
如果页面上存在具有多种边框颜色的元素，则默认情况下，这些颜色相交的角将创建斜角。对于边角风格来说，这似乎是一个奇怪的选择。相反，我更希望其中一个边界“压倒”另一个边界，以便显示一条直线。
要说明此效果，请考虑以下内容：
参见example jsFiddle example I created 。
顶部的两个项目显示默认的倒角行为。下面两个显示所需的预期行为，在本例中，上边框“覆盖”或“覆盖”左边框和右边框的角。
顶部大小写的标记：
<div class="container">
<div class="border">I
浏览 0提问于2013-07-17得票数 12
回答已采纳
3回答
可调整大小的元素边框
、、、、
我得到了一个名为"content“的div。"content“的所有子div都是可调整大小的，并在悬停时获得一个边界，如下所示：
$('#content div').resizable({});
$('#content div').mouseleave(function(){
$(this).removeClass('borderClass');
});
$('#content div').mouseenter(function(){
$(this).addClass('borderClass');
浏览 1提问于2013-03-29得票数 1
回答已采纳
我在另一个div中有一个div。外部div有使用CSS3的圆角边框。问题是，如果我在内部div上设置背景颜色，它会渗入角落。下面是一个测试页面来说明我的意思：
我怀疑这不是渲染器的问题，因为在Chrome，FF和Opera中也会发生同样的事情。如何让内部div在圆角边框处裁剪？在内部div上设置边框半径继承不会切断它，边框不匹配。
编辑:内部div实际上是外部div中更多内容的标题，因此将圆角边框应用于内部div将不起作用。
浏览 0提问于2011-01-22得票数 2
回答已采纳
我创建了包装iframe元素的边框：
<div id = "propertyArea" class="propertyArea" onmousedown="return StartResizingPropertiesWindow(event)" >
<iframe id="PropertyCtrl" name="PropertyCtrl" frameborder="0"></iframe>
</div>
在div(边框)上，我有一个叫做Start
浏览 2提问于2016-11-21得票数 0
1回答
我有一个父div和子div。父div有一个边框宽度属性，但不幸的是，边框宽度阻止了子div的一部分显示。无法更改父div的边框宽度属性。怎样才能让子div显示在父div的边框之上？
应该注意，父div应用了position: absolute，子div没有在CSS中应用位置，并且只显示子div的左边缘和右边缘，因为只设置了父div的左边界和右边界。
浏览 1提问于2010-10-27得票数 0
回答已采纳
1回答
我有一个带有背景纯色和透明边框的div。
在IE8+和Chrome中，透明边框显示基本的背景色。但是，在IE7中，边框是透明的:在边框后面不显示任何背景。
如何让IE7像IE8+、Chrome和“现代”浏览器那样显示边框？
这是我的超文本标记语言和层叠样式表(请看它在上的工作)：
HTML：
<html>
<body>
<div id="div1"></div>
<div id="div2"></div>
</body>
</html>
CS
浏览 1提问于2012-05-16得票数 0
回答已采纳
14回答
我有一个<div>元素，我想在它上面放一个边框。我知道我可以写style="border: 1px solid black"，但是这会给div的两边增加2px，这不是我想要的。
我更希望这个边框是离div边缘-1px。div本身是100px x 100px，如果我添加一个边框，那么我必须做一些数学运算才能使边框出现。
有没有什么方法可以让边框出现，并确保框仍然是100px (包括边框)？
浏览 4提问于2012-03-07得票数 591
回答已采纳
2回答
我在布局中使用引导程序3，试图在div底部显示边框：
<div class="row small headerheight borderbottom hidden-xs">
<div class="col-md-8 headerheight vcenteritems paditems">Items</div>
<div class="col-md-2 headerheight vcenteritems light-grey hcenteritems borderright">One-
浏览 3提问于2016-12-13得票数 0
回答已采纳
目标是高亮显示div的边框，并允许这种高亮显示无论底层颜色如何都可见。其思想是通过在div周围创建一个边框来实现这一点，其中每个边框元素(在本例中是圆形，而不是虚线)包含一个白色填充，而它本身则是一个彩色边框。 不幸的是，边框没有重叠，而是偏移了，这会生成两个边框的外观，而不是具有不同颜色的单个边框。 Codepen：https://codepen.io/anon/pen/gqbrzv <div class="selectionBox">
<div class="inner"></div>
</div>
浏览 53提问于2019-01-23得票数 0
我的html结构如下：
<main class="main col col-sm-6" role="main" style="border:1px solid yellow;">
<div class="mycontainer" style="border:1px solid red;">
<div class="row" style="border:1px solid blue;">
<!--Place here so
浏览 4提问于2014-07-14得票数 0
回答已采纳
5回答
我使用引导版本3.0.1创建一个网格，当我在网格的行中添加一个边框时，我可以看到，合并在一起的行在那里的边框，我得到一个更厚的边框。
这是我的密码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Test</title>
浏览 9提问于2013-11-03得票数 30
回答已采纳
我想在data-role="content"元素周围显示一些静态边框。
<div data-role="page" id="moodle" data-add-back-btn="true">
<div data-role="header"><h1>MyPage</h1></div>
<div data-role="content">
Some Content
</div>
&l
浏览 1提问于2012-11-13得票数 2
回答已采纳
2回答
下面是一个容器div，里面有两个浮动的和一个常规的div：
<div style="width: 110%; min-height:250px;overflow:hidden; border: 4px solid red">
<!-- divI -->
<div style="float:right; padding:25px; width:35%; border: 6px gray; border-style: hidden hidden hidden double ">
....stuff
&l
浏览 0提问于2017-06-16得票数 3
我在用边框旋转一个div。边框与背景颜色相同。在边框轮廓和背景之间会出现一条非常薄的线。下面是我的代码。我在试着摆脱这条奇怪的台词。
body {
background-color: black;
}
div {
width: 50px;
height: 50px;
background-color: white;
border: 50px solid black;
transform: rotate(45deg);
}
<div></div>
我试过多种浏览器。
我可以通过使用另一个div而不是边框来修复这个问题，但我更感兴趣的是让边
浏览 13提问于2022-11-15得票数 4
回答已采纳
我有两个<div>，看起来像这样：
---------------------------
| | |
| DIV 1 | DIV 2 |
| | |
---------------------------
第一个div向左浮动，而第二个div向右浮动。左div有一个右边框，而第二个div有一个左边框。我希望这些div中较大的一个将其边框一直延伸到其容器的底部，而我只想要一个边框。
我怎样才能做到这一点呢？
任何帮助都将不胜感激。
浏览 5提问于2011-10-07得票数 0
回答已采纳
3回答
请考虑以下几点以供参考：
<div class='outer'>
<div class='inner'>
Inner.
</div>
Outer.
</div>
div.outer {
position: absolute;
left: 10px;
top: 10px;
border: 5px solid green;
padding: 10px;
}
div.inner {
position: absolute;
l
浏览 6提问于2014-08-18得票数 11
回答已采纳
1回答
我在html中有div，它应该包含10个相等的div，里面有一些图片和文本。我的div高度和宽度是百分比。我必须把一些图像放在那些div中，但问题是，我不知道如何计算我需要的图像的高度x宽度。
图片应该是宾果球，我已经制作了大小为128x128的球。
这是我的，带有白色边框的div应该持有图像，而should scale应该持有div。
绿色边框的Div应该有10个带蓝色边框的Div。每个带蓝色边框的div都应该有带白色边框的div (图像div)和带有红色的div (一些应该是图像正确的文本)。
我尝试过的一切都失败了。
浏览 1提问于2014-01-18得票数 0
回答已采纳
div的边框只显示内容高度的边框。我怎么才能让边境线填满一切？
截图：
。
我在左边框设置了右边框。对于第一个div，高度只有一行长，这意味着边框只有1行长。(左边屏幕截图中没有的另一个div将该div扩展到当前大小，这比创建边界的div要大。
我已经尝试过设置高度:但是，由于我在任何事情上都使用float:left，它似乎没有任何效果。
编辑：关于问题的简短JSFiddle：
浏览 4提问于2012-11-04得票数 1
我在一行上有一堆DIVs，就像菜单项。所有的物品都装在一个集装箱内。当其中一个内部DIVs被单击时，它就会激活类。父DIV的底部边框为灰色2px，而活动子DIV的底部边框为绿色6px。
它的工作原理，但现在，我希望孩子有阴影父母的底部边框，这样绿色部分的2个底部像素隐藏灰色的，只有4个像素播种以上的线。
我不能简单地把灰色风格带给其他所有的孩子，因为父母有更复杂的外表和伸展远远超过孩子。
div.parent {
border-bottom: 5px solid grey;
display: flex;
}
div.active {
border-bottom: 10px s
浏览 1提问于2020-03-17得票数 0
回答已采纳
3回答
这个切换()有什么问题？
、、、
我有以下html：
<ul>
<li>
<div></div>
Testing
</li>
<li>
<ul>
<li></li>
<li>
<div></div>
Testing
</li>
<li&g
浏览 3提问于2011-08-03得票数 1
回答已采纳
1回答
我试图有一个右对齐的文本与一个边框开始，从文字开始，在左边。
问题：
如果我使用一个span，边框不会封装多行(边框-顶部/底部变得混乱)，如果使用带内联块的span，则类似于div，左边的边框从左侧开始，而不是文本的起始位置。如果使用段落，它也就像div一样。如果我使用div，边框也在左边。
基本上，我想要的是(在这里，x是左边框)：
| Text
但我只得到了：
| Text
浏览 8提问于2022-11-08得票数 0
1回答
所以我想要一个像这样的div结构。
______________________________________
| \ |
| \ |
| \ |
| Div A \ Div B |
| \ |
| \ |
|__
浏览 1提问于2014-03-15得票数 2
2回答
我一直在尝试一些不同的东西，但我不确定如何让这个页脚粘在底部。困难来了，因为有许多嵌套的div彼此之间。我想要实现的是让右边框和左边框包装器位于页面底部以包围页脚，但页脚应该位于页面底部。
为了解释一下所有嵌套的div: body应用了主要的平铺背景图像，#background有一个透明的覆盖层，使其向边缘淡出。右边框和左边框div有一个重复的图像作为背景，作为内容div的边框。
我知道脚注div应该是完全独立的，但当我这样做时，它会居中于窗口的宽度，而不是边框的宽度--这样当屏幕缩小时，它看起来会摇摇晃晃的。
基本页面结构如下，我还发布了一个jsfiddle：
<body>
&l
浏览 3提问于2011-02-12得票数 0
我有一个流体宽度div与圆角使用边界半径，以及一个大的边框一侧的div颜色不同。
当浏览器窗口足够小时，边框都会以应有的方式运行。然而，当我放大窗口的大小时，我开始看到颜色从我的div中心流出来。
我在想，有没有人能想到一个可行的解决办法。
div有两个类：
..info box{边框: 1px实心#CCC；边-底部:15 1px；-moz-边框-半径: 6px；-webkit-边框-半径: 6px；边框-半径: 6px；背景：#F3F3F3}；
.left msg{边框-左: 7px固态#EF831B;}
似乎div的高度也在某种程度上影响着它。
屏幕截图
浏览 3提问于2012-01-26得票数 3
回答已采纳
我有一个div，其中嵌套了一行选项卡，如下所示：
<div class="container">
<div class="menu">
<span class="tab" />
<span class="activetab" />
<span class="tab" />
</div>
</div>
当选项卡处于活动状态时，我们需要在它周围显示一个边框。containe
浏览 1提问于2010-01-14得票数 0
回答已采纳
1回答
我设置了一个链接的样式，这样当你悬停它时，顶部会出现一个边框；当你悬停在边框上时，这个边框会随着过渡而消失。当您将鼠标悬停在边框上或关闭边框时，边框会滑入而不是淡入。我希望边框淡入，而不是滑动。我该怎么做呢？这是一个
HTML
<div>Text</div>
CSS
div {
line-height: 50px;
width: 100px;
text-align: center;
cursor: pointer;
transition: border .2s ease-in-out;
-webkit-transition
浏览 0提问于2013-05-31得票数 6
回答已采纳
在我目前的工作中，我被要求在容器上生成一个双边界。边框风格: double；实现这一点，但是我的客户希望外边框更粗&内边框为正常粗细。
除了创建2个div之外，1个嵌套在另一个div中，外部div具有更大的厚度，或者通过使用边框图像，有没有什么方法可以用CSS只用1个div就能做到呢？指定border-style: double；，并且仍然可以使外边框更粗。
浏览 4提问于2010-11-15得票数 29
回答已采纳
我有一个具有“堆叠”输入字段的应用程序，如下所示：
从图像中可以看到，当字段接收到焦点时，我只希望突出显示特定输入元素的边框。我还想避免一个特别厚的边框，因为它的顶部和底部的边框对应于相同的中线。
下面是一个Fiddle：
创建堆叠输入字段和应用边框不是问题。我只需删除所有输入字段的底部边框，然后在最后一个字段上应用底部边框。
当我想应用焦点样式时，问题就出现了。目前，只需应用不同的边框颜色(示例中使用红色以清楚显示对比度)，就会产生红色底部边框和下方输入字段的灰色顶部边框。现在，我可能可以在该特定字段上使用Id选择器并应用完整的边框，但是如何删除它下面输入字段的顶部边框？
co
浏览 8提问于2022-01-21得票数 0
回答已采纳
我有一个div标签，我已经为它定义了一个边框。在单击“提交”之前，我已经在div标签内提供了验证控件，我可以看到div标签和边框。现在如何避免这种情况在单击“提交”后，我可以看到->标签和边框->，这是正确的。
我的问题是在单击"submit“按钮或单击"cancel”按钮之前如何隐藏div标记中的边框
浏览 0提问于2011-01-07得票数 0
6回答
我需要在这个jquery或javascript问题上的帮助。我有许多带有一些特定id的div，单击div，边框应该改变，然后单击另一个具有不同id的div，那个div的边框再次改变，就像以前的div一样，但是以前的div的边框被移除了。
浏览 0提问于2019-01-10得票数 1
我想做一个像这样的经典的3列布局：
| | | |
|L | M |R |
| | | |
我被要求使用以下html结构:如您所见，Main div是#容器的第一个节点。
<body>
<div id="container">
<div id="M">Main</div>
<div id="L">Left</div>
<div id="R">Right</div>
<
浏览 5提问于2013-11-05得票数 2
回答已采纳
5回答
我有一个div元素：
<div id="fruit-part">
<input type="radio" name="fruits" value="apple">Apple
<input type="radio" name="fruits" value="orange">Orange
</div>
定义div边框颜色的css
#fruit-part {
border: 1px solid #cc3;
}
浏览 7提问于2011-09-19得票数 1
回答已采纳
1回答
我正在尝试调整我添加的border-right属性的边距，以便在两个div之间创建垂直边框。当在产生边距的类中调整这些边距时，我影响的是整个div的边距，而不仅仅是边框。 我试图添加一个仅影响边框的伪类，但它对边框显示没有任何影响。 我怎样才能影响边框的边距呢？ .border {
border-right: 3px solid
}
.border:after {
margin-left: 30px
}
.width {
width: 20%;
} <div class='width border'>
<p> hello <
浏览 69提问于2020-07-25得票数 1
回答已采纳
我正在尝试做的事情：
问题：
黑色边框在右侧不起作用。
图片：
<body class="container">
<div class="contentbody">
<div class="content">
</div>
</div>
</body>
.contentbody {
margin-top: 10;
border: solid 1px #000;
}
.content {
background: #232
浏览 1提问于2013-01-22得票数 0
8回答
我试图在HTML中定义一个围绕div标签的边框。在某些浏览器中，边框不会出现。
这是我的代码：
<div id="divActivites" name="divActivites" style="border:thin">
<textarea id="inActivities" name="inActivities" style="border:solid">
</textarea>
</div>
如何为HTML div标签
浏览 92提问于2010-01-07得票数 228
回答已采纳
我想确定从图像2的右边框到图像的父div的右边框的距离。 //The images will be aligned horizontally as in the image bellow
<div class = "parent-div">
<img src "img01.jpg" />
<img src "img02.jpg" />
<img src "img03.jpg" />
<img src "img04.jpg" /&
浏览 16提问于2021-04-06得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
