Web项目有些页面整体自动右移8px的问题

最新推荐文章于 2023-11-16 15:09:40 发布

weixin_33905756

最新推荐文章于 2023-11-16 15:09:40 发布

阅读量598

点赞数

文章标签：前端 ViewUI

原文链接：https://my.oschina.net/lock0818/blog/368742

版权

为什么80%的码农都做不了架构师？>>>

最近在开发一个商城系统，前端页面都统一引用common.css,header.ftl和footer.ftl，宽度都是1150px。

然后出现这样一个问题，有些页面显示正常，有些页面却莫名其妙地整体右移了8px。

对比页面元素，没有发现任何问题。

最后发现个差异，整体右移的页面由于页面内容较少，footer没有显示在浏览器底端，而是显示在了页面中间。

抱着试试的态度，在这些页面引用footer.ftl之前多加了几行<br><br>，使得footer显示在浏览器底端。

结果，好极了！那些页面不再自动整体右移了！

虽然不知道个所以然，但是问题也算解决了，希望高人指教为什么会出现这样的问题。

转载于:https://my.oschina.net/lock0818/blog/368742

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33905756

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web项目有些页面整体自动右移8px的问题

为什么80%的码农都做不了架构师？>>> ...
复制链接

扫一扫

web前端必学功法之一：左右移动

qq_42302014的博客

09-28

3032

web前端必学功法之一：左右移动案例效果：左右移动思路分析： 1.绑定事件：对应的按钮去绑定点击事件 2.获取选中项：获取指定下拉框被选中的选项 3.按钮类型：根据不同的按钮移动不同的选项移动一项：获取下拉框中被选中选项的第一个移动多项：获取下拉框被选中的选项移动全部：获取下拉框的选项 4.移动元素：使用appendChild()方法追加元素实现步骤： 1.获取对应的下拉框对象与下拉框中对应的选项 2.绑定指定按钮的点击事件 3.遍历下拉选项 4.判断是否被选中 5.将左侧被选中的下拉选项添

CSS怎么将背景图左移/上移/右移10px

09-25

在这个问题中，我们将探讨如何将背景图左移、上移或右移10px。首先，让我们理解`background-position`的基本语法。它接受两个值，分别代表X轴（水平方向）和Y轴（垂直方向）的位置。这两个值可以是百分比、长度...

参与评论您还未登录，请先登录后发表或查看评论

HTML5如何快速定位要移动多少px?

qq_42408149的博客

09-10

308

可以使用画图软件或者其他截图可以有x和y轴的px来加减

IDEA如何将代码进行上下左右移动，改变位置

_江屿_

02-15

2297

IDEA如何将代码进行上下左右移动，改变位置

Web前端之变形：平移、旋转与缩放

花&败

11-24

1554

变形就是指通过css来改变元素的形状或位置变形不会影响到页面的布局transform用来设置元素的变形效果。

谷歌浏览器F12开发者工具，上下布局改成左右

热门推荐

bang152101的博客

03-28

1万+

1、首先打开谷歌浏览器，进入首页。如图： 2、然后再点击谷歌浏览器右上角“三个小竖点”的选项卡，选择“更过工具”。如图： 3、然后选择“开发者工具”或者直接按F12，如图： 4、然后点击出现的开发者工具右上角的“三个小竖点”选项卡，然后就会出现开发者工具位置的缩略图，默认在浏览器的下半部分。 5、点击右半部分的缩略图，那么开发者工具就会在浏览器的右半部分。如下图： ...

C语言数组元素循环右移问题及解决方法

08-24

C语言数组元素循环右移问题及解决方法 C语言数组元素循环右移问题是指在C语言中将数组元素循环右移的操作，即将数组中的元素向右移位，且循环移位。这种操作在实际编程中非常常见，例如在数据处理、算法设计等领域...

9-8位LED右移(51单片机C语言实例Proteus仿真和代码)

06-14

9-8位LED右移(51单片机C语言实例Proteus仿真和代码)9-8位LED右移(51单片机C语言实例Proteus仿真和代码)9-8位LED右移(51单片机C语言实例Proteus仿真和代码)9-8位LED右移(51单片机C语言实例Proteus仿真和代码)9-8位LED...

对pycharm代码整体左移和右移缩进快捷键的介绍

09-20

本文将详细介绍如何在PyCharm中实现代码的整体左移和右移缩进。首先，让我们来看看如何整体右移（增加缩进）代码。当你需要将选中的多行代码向右缩进时，可以遵循以下步骤： 1. 首先，使用鼠标或键盘上的上下箭头...

html 整体右移,左移与右移.html

weixin_30758169的博客

06-03

2386

左移与右移select{width:100px;height:150px}input[type=button]{width:50px}#opt{margin:90px 10px 0}.box{width:80%;margin:0 auto;background-color:#999999}.box div{float:left}可选项添加移动修改查询打印删除已选项// 获取按钮添加单击事件，获取第...

一切换页面word就自动右移动解决方案

qq_37721614的博客

07-14

4178

切换页面后word自动右移

【vue】vue构建主页面时，发现有8px的自带margin

最新发布

weixin_40264447的博客

11-16

291

vue构建主页面时，发现有8px的自带margin，想要去掉这个margin，可以在对外层重写div

html页面整体偏移了怎么办,html_位置偏移属性position(示例代码)

weixin_29484035的博客

05-31

2820

定位属性位置属性position：static、relative、absolute、fixed偏移属性：top、bottom、left、right浮动定位属性：float/clear1.浮动定位 float-流定位(默认定位)：块级元素从上到下，行内元素在一行中从左到右排列水平布置。-浮动定位:-让元素脱离普通的流定位-将浮动的元素放置在父元素的左边或者右边float：left/right浮动定...

CheckBox位置错位的解决

qq_38744614的博客

11-15

4050

关于CheckBox位置错位也挺烦人的，今天也是摆弄了一上午，废话不多说。 CheckBox位置错乱主要是convertView点击时复用了，所以可以将CheckBox点击使用Map进行存储，点击则添加，再点击则删除。 private Map map=new HashMap// 存放已被选中的CheckBox 首先先写一个Map，用来存储被选中的CheckBox viewHol

html如何让文字整体向右移动,css如何使整个div中的整段文字右移

weixin_29261711的博客

06-02

1万+

1、为设置div靠右移动一点前代码：div向右移一定距离实例 www.thinkcss.com.box-a,.box-b{width:200px;height:100px; float:left}.box-a{ border:1px solid #00F}.box-b{ border:1px solid #F00}第一个(前者)div第二个(后者)div2、操作设置第二个div左外边距离样式关键C...

web前端之文字移动功能、forEach、push、setInterval、clearInterval

软件毕设协助及软件开发、智慧电子模块、计算机科技、软件开发、硬件开发、程序员、写代码、工程师、互联网、物联网、技术栈、程序、编程、IT。

07-04

1073

web前端之文字移动功能、forEach、push、setInterval、clearInterval

浏览器打印 HTML 页面时，底部出现空白页的解决办法（原因是body元素自带8px 的margin外边距！！！）

qq_38190111的博客

02-28

1万+

真是坑死人不偿命百度就不用说了，我去 stackoverflow 查了半天，没有任何一个人解决了我的办法，后来我自己火眼金睛。。。鄙人用一个自己写的html 页面利用浏览器的打印功能去生成pdf 一直会有多余的一页空白页生成，最后发现原因如标题所述： body元素自带8px 的margin外边距！！！ body元素自带8px 的margin外边距！！！ body元素自带8px 的m...

input标签中使输入文本向右偏移像素解决方案（亲测有效）

CodeLuweir 的博客

04-06

4677

需求：在输入框中输入文本达到这样的效果：之前是这样的效果：尝试过很多博主的方法，大概就是以下几种： letter-spacing:10px; text-indent：10px <input type="button" value="按钮" style="width:80px; text-align:center" />对齐的自然没有用都没有用，于是自己摸索了以下，用margin-left会导致整个输入框右移，那就用padding-left试试，结果还真可以 ...

legend往右移100px

07-22

要将 ECharts 图表的图例（Legend）向右移动 100px，您可以使用 ECharts 的 legend 组件的 right 属性来实现。以下是一个示例代码： ```javascript option = { legend: { right: '100px', // 将图例向右移动 100...