Html 边框图像无法识别节内容
这是我上一个问题的参考: 问题边框图像未覆盖全部内容: 这是我目前正在处理的代码注意:我在代码笔中合并了两个css文件,因为我需要这两个文件。我需要边界来覆盖这个区域。它必须根据内容长度自动调整。据推测,类似于 以下是总结代码:Html 边框图像无法识别节内容,html,css,Html,Css,这是我上一个问题的参考: 问题边框图像未覆盖全部内容: 这是我目前正在处理的代码注意:我在代码笔中合并了两个css文件,因为我需要这两个文件。我需要边界来覆盖这个区域。它必须根据内容长度自动调整。据推测,类似于 以下是总结代码: .content2{ 保证金:自动0; 边框:10px实心透明; 填充:15px; -webkit边框图像:url('https://image.ibb.co/f7kxxz/border.png)30支; /*狩猎3.1-5*/ -o-border-image:u
.content2{
保证金:自动0;
边框:10px实心透明;
填充:15px;
-webkit边框图像:url('https://image.ibb.co/f7kxxz/border.png)30支;
/*狩猎3.1-5*/
-o-border-image:url('https://image.ibb.co/f7kxxz/border.png)30支;
/*歌剧11-12.1*/
边框图像:url('https://image.ibb.co/f7kxxz/border.png)30支;
}
A.
A是写给阿特金森的,他的名字叫詹姆斯,是一位来自英格兰北部最荒凉地区的有进取心的绅士,1799年初春的一个晴朗的早晨,他带着一只大棕熊出发了
我能够解决自己的问题。以下是我所做的:
我能够找到代码影响徽标和社交的区域。当我试着把它放进去的时候!重要的是,根据建议,没有任何变化。因此,我改为使用内部样式,并将其添加到标题标记上
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sabreen's Seafood Market & Restaurant</title>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" >
<link href="css/jquery.bxslider.css" rel="stylesheet" />
<link href="css/styles.css" rel="stylesheet">
<link href="css/nav.css" rel="stylesheet">
<link rel="shortcut icon" type="image/png" href="images/seafood-favicon.png"/>
<style type="text/css">
.fa {
width: 30px !important;
height: 30px !important;
}
.logo img {
max-height: 200px !important;
}
</style>
</head>
萨布林海鲜市场;餐厅
法兰西{
宽度:30px!重要;
高度:30px!重要;
}
.logo img{
最大高度:200px!重要;
}
您发布的代码没有重现该问题,请检查我是否已将其作为一个片段。。。你的密码笔里也没有任何东西。。。试着把所有需要的代码都放在问题中,而不仅仅是其中的一部分。对我来说,它工作得很好,Chrome。您是否清除了缓存?您的内容似乎是display:float
或position:absolute
。但这不是你提供的code@Justinas你完全正确.selectedArea.copyArea.fadeIn p{float:left;}
导致边框向上跳转。如果没有这个规则,边框工作正常。@D.Schaller我试图清除缓存文件,但不知怎的,它仍然产生相同的结果。所有代码都写在我上面添加的CODEPEN链接上。