正文 

当前位置： 首页 > 问答 >

为啥我的链接卡在浏览器的顶部边框上？ [复制]

     2023-03-06     70

关键词：

【中文标题】为啥我的链接卡在浏览器的顶部边框上？ [复制]【英文标题】：Why my link is jammed up against top border in browser? [duplicate]为什么我的链接卡在浏览器的顶部边框上？ [复制] 【发布时间】：2021-12-22 13:44:18 【问题描述】：

为什么我的链接卡在浏览器的顶部边框上？

box-sizing: border-box;不要改变任何东西

a 
  background-color: #405cf5;
  color: white;
  border-radius: 6px;
  font-size: 1.2em;
  padding: 15px 25px;
  text-decoration: none;
  margin-top: 20px;

<a href="/posts">Back</a>

【问题讨论】：

【参考方案1】：

边距不适用于内联元素，并且只有 left 和 right 属性会推动其他元素。更改您的链接（默认为内联）以显示 inline-block ，它将根据您给它的边距和填充移动：

a 
  background-color: #405cf5;
  color: white;
  border-radius: 6px;
  font-size: 1.2em;
  padding: 15px 25px;
  text-decoration: none;
  margin-top: 20px;
  display:inline-block;

<a href="/posts">Back</a>

【讨论】：

为啥我的 CSS 在移动设备上与在狭窄的桌面浏览器上看起来不同，我该如何更改？ [复制]

】为啥我的CSS在移动设备上与在狭窄的桌面浏览器上看起来不同，我该如何更改？[复制]【英文标题】：WhydoesmyCSSlookdifferentonamobiledevicethanitdoesonmynarrowdesktopbrowserandhowdoIchangeit?[duplicate]为什么我的CSS在移动设备上与在狭窄的桌面浏... 查看详情

为啥页面顶部有一个空行？ [复制]

】为啥页面顶部有一个空行？[复制]【英文标题】：Whythereisablanklineatthetopofthepage?[duplicate]为什么页面顶部有一个空行？[复制]【发布时间】：2018-02-2515:03:53【问题描述】：我刚刚学习HTML/CSS几天，但遇到了以下问题：为什么页面... 查看详情

为啥我的前端 Javascript 显示的 API 响应与浏览器不同？ [复制]

】为啥我的前端Javascript显示的API响应与浏览器不同？[复制]【英文标题】：Whydoesn\'tmyfronendJavascriptshowthesameresponsefromAPIasbrowser?[duplicate]为什么我的前端Javascript显示的API响应与浏览器不同？[复制]【发布时间】：2021-02-1922:01:43【问... 查看详情

为啥我的 YouTube 链接没有在 Chrome 的 iframe 中自动播放？ [复制]

】为啥我的YouTube链接没有在Chrome的iframe中自动播放？[复制]【英文标题】：Whyisn\'tmyYouTubelinkautoplayingwithinaniframeinChrome?[duplicate]为什么我的YouTube链接没有在Chrome的iframe中自动播放？[复制]【发布时间】：2019-12-1906:15:58【问题描述... 查看详情

为啥我的亚马逊联盟链接在移动设备上打开亚马逊应用后会重定向回浏览器？

...马逊联盟链接在移动设备上打开亚马逊应用后会重定向回浏览器？【英文标题】：WhydomyAmazonAffiliatelinksredirectbacktobrowserafteropeningAmazonapponmobile?为什么我的亚马逊联盟链接在移动设备上打开亚马逊应用后会重定向回浏览器？【发布... 查看详情

为啥我的边框半径只出现在浏览器的边缘？

】为啥我的边框半径只出现在浏览器的边缘？【英文标题】：Whydoesmyborderradiusonlyappearattheedgeofthebrowser?为什么我的边框半径只出现在浏览器的边缘？【发布时间】：2021-10-1604:23:57【问题描述】：https://faylette.github.io/3-column-preview-ca... 查看详情

为啥我的太阳（定向光）卡在 -90/90 旋转？

】为啥我的太阳（定向光）卡在-90/90旋转？【英文标题】：Whyismysun(directionallight)gettingstuckat-90/90rotation?为什么我的太阳（定向光）卡在-90/90旋转？【发布时间】：2019-09-1614:40:19【问题描述】：我不明白为什么我的太阳在地球上被... 查看详情

为啥浏览器不要求记住密码？ [复制]

】为啥浏览器不要求记住密码？[复制]【英文标题】：Whyisn\'tthebrowseraskingtorememberthepassword?[duplicate]为什么浏览器不要求记住密码？[复制]【发布时间】：2011-02-0412:59:01【问题描述】：您需要在登录表单上做什么，以便浏览器提示... 查看详情

为啥身体上的背景颜色不起作用？ [复制]

...制]【发布时间】：2016-04-1409:18:39【问题描述】：在我的浏览器中查看下面的代码时，背景是白色的。通用选择器*具有lowestspecificity，而body选择器位于通用选择器之后。不应该是灰色的吗？*background-color 查看详情

宽度 100%，周围有白色边框。为啥？

...】：好的，我正在尝试设计一个网站，其顶部的图像跨越浏览器的整个宽度。在此之下，我想放置不同颜色的div容器，它们也跨越整个宽度。有点像这样：http://hayden-demo.squarespace.com/我尝 查看详情

为啥我的 C++ 代码中出现链接器命令失败错误？ [复制]

】为啥我的C++代码中出现链接器命令失败错误？[复制]【英文标题】：WhydoIgetlinkercommandfailerrorinmyc++code?[duplicate]为什么我的C++代码中出现链接器命令失败错误？[复制]【发布时间】：2019-05-0300:28:39【问题描述】：我无法解决我的... 查看详情

iPhone Xs - 使用 AVCaptureVideoPreviewLayer 时，为啥我的 UIView 的上边框和安全区域的上边框之间有巨大的填充？

】iPhoneXs-使用AVCaptureVideoPreviewLayer时，为啥我的UIView的上边框和安全区域的上边框之间有巨大的填充？【英文标题】：iPhoneXs-WhyisthereahugepaddingbetweenthetopborderofmyUIViewandthetopborderofthesafeareawhenusingAVCaptureVideoPreviewLayer?iPhoneXs-使用AVCapt 查看详情

如何在我的桌子上设置圆形边框和边框折叠：折叠？ [复制]

】如何在我的桌子上设置圆形边框和边框折叠：折叠？[复制]【英文标题】：HowcanIhavearoundedborderonmytableandborder-collapse:collapse?[duplicate]【发布时间】：2012-02-1123:00:00【问题描述】：我有以下：<TABLEstyle="border-radius:5px;border:1pxsolid#9... 查看详情

为啥我的轮播顶部的按钮不起作用？

】为啥我的轮播顶部的按钮不起作用？【英文标题】：WhyaretheButtonsatthetopofmycarouselnotworking?为什么我的轮播顶部的按钮不起作用？【发布时间】：2021-02-2619:36:21【问题描述】：为什么我的轮播顶部的按钮不起作用？在此处查看code... 查看详情

为啥我的图片只能在桌面上加载，而不能在移动设备上加载？

...经包含了Codepen，以及指向实时站点的链接。当我在桌面浏览器上打开应用程序时，图像会加载。当我在移动浏览器上打开 查看详情

为啥当我滚动到顶部然后在我的 API 应用程序上返回但在网页上正常运行时，我的页面顶部按钮口吃/滞后/粘住？

】为啥当我滚动到顶部然后在我的API应用程序上返回但在网页上正常运行时，我的页面顶部按钮口吃/滞后/粘住？【英文标题】：Whydoesmytopofpagebuttonstutter/lag/stickwhenIscrolltotopandthenbackdownonmyAPIappbutactsnormalonwebpages?为什么当我滚动到... 查看详情

为啥 JS WebSocket 在 sparkjava 中会卡在 CONNECTING 上？

】为啥JSWebSocket在sparkjava中会卡在CONNECTING上？【英文标题】：WhydoesJSWebSocketgetstuckonCONNECTINGinsparkjava?为什么JSWebSocket在sparkjava中会卡在CONNECTING上？【发布时间】：2021-02-1004:11:43【问题描述】：这是我的websocket代码：@WebSocketpubliccla... 查看详情

为啥我访问的链接没有背景颜色？

】为啥我访问的链接没有背景颜色？【英文标题】：Whywon\'tmyvisitedlinkhaveabackgroundcolor?为什么我访问的链接没有背景颜色？【发布时间】：2011-08-1820:54:08【问题描述】：似乎a:visited无法在我的链接上显示背景颜色。http://jsfiddle.net/... 查看详情