小程序
小游戏
企业微信
微信支付
扫描小程序码分享
只是更改了提交作业与查看的position为static。反而影响了整个页面多了个边框？为什么
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
这可能是小程序的一个BUG。我也遇到过这种情形，简化问题，可以描述如下：
假设有页面如下：
<
view
>
button
bind:tap
=
'FuncTest'
style
'position:static;background-color:green;'
>TEST</
</
其中FuncTest定义如下：
FuncTest:
function
(e){
console.log(
'click test'
);
}
运行效果如图
预期的结果是点击TEST按钮时，日志输出click test
但测试会发现，无论点屏幕哪里，即便在TEST按钮范围之外，日志也会输出click test。也就是说，此时的按钮覆盖到整个界面了。
暂时没有解决的方法，只能是不使用position:static
另外，查阅了w3school的文档，其中对于position的取值解释如下：
生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
生成绝对定位的元素，相对于浏览器窗口进行定位。
生成相对定位的元素，相对于其正常位置进行定位。
因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。
注意到static本就是position的默认值。但是在小程序中却会因为加上它而外观和行为发生变化。可见在小程序中，static不是默认值。小程序并没有遵循标准CSS的定义。
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
这可能是小程序的一个BUG。我也遇到过这种情形，简化问题，可以描述如下：
假设有页面如下：
<view><buttonbind:tap='FuncTest'style='position:static;background-color:green;'>TEST</button></view>其中FuncTest定义如下：
FuncTest:function(e){console.log('click test');}运行效果如图
预期的结果是点击TEST按钮时，日志输出click test
但测试会发现，无论点屏幕哪里，即便在TEST按钮范围之外，日志也会输出click test。也就是说，此时的按钮覆盖到整个界面了。
暂时没有解决的方法，只能是不使用position:static
另外，查阅了w3school的文档，其中对于position的取值解释如下：
可能的值
生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
生成绝对定位的元素，相对于浏览器窗口进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
生成相对定位的元素，相对于其正常位置进行定位。
因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。
注意到static本就是position的默认值。但是在小程序中却会因为加上它而外观和行为发生变化。可见在小程序中，static不是默认值。小程序并没有遵循标准CSS的定义。