网站上出现不需要的框阴影和响应中断

Question

我目前正在更新/处理这个网页"https://www.emergencydentalservice.com/emergency-dentist-by-city"，正文中出现了一个不需要的框阴影，我无法确定从哪里或为什么。除了不需要的阴影之外，该网站似乎在 768px 之后也破裂了，我不知道为什么。任何帮助将不胜感激，谢谢大家。网站在 768px 后中断的图像

Answer 1

您有一个框阴影设置为#inside-maineds_main.css。

#inside-main {
width: 100%;
background: #fff;
margin: 0 auto;
box-shadow: 1px -2px 4px #666;
-webkit-box-shadow: 1px -2px 4px #666;
-moz-box-shadow: 1px -2px 4px #666;
-o-box-shadow: 1px -2px 4px #666;
}

成为

#inside-main {
width: 100%;
background: #fff;
margin: 0 auto;
}

至于布局中断，您必须#foot-de-eds, #foot-top-citeseds_main.css设置为：

#foot-de-eds, #foot-top-cites {
margin: 1.3em auto;
width: 100%;
max-width: 1028px;
padding-left: 2em;
}

尝试删除max-width: 1028px;- 因此：

#foot-de-eds, #foot-top-cites {
margin: 1.3em auto;
width: 100%;
padding-left: 2em;
}

Answer 2

对于影子问题：#inside-main仍然有一个来自eds_main.css的盒子阴影属性。

虽然你并没有真正指定你想要和不想要哪些阴影......因为页面上有多个。

检查元素/开发工具是你的朋友。可以轻松查找您可能忽略的属性。

Answer 3

on<div class="phone-wrap">

删除

background: url(/eds_siteIMGS/phoneBG_seperated.png) repeat-x;

图像有阴影