避免遮挡下面按钮的方法

夕阳黄昏 · 发表于 2020-6-9 09:28

本帖最后由夕阳黄昏于 2020-6-9 09:28 编辑

<div style="width:1200px;position:relative;top:100px;left:-200px;">
<img src="http://0.wp.zp68.com:811/filestores/2020/04/07/8535dc3fe909fac45a351b163eea8ae7.jpg" style="width:1200px;">
</div>
<br><br><br><br><br>

复制代码

相对定位 + 后加换行符

沪上人 · 发表于 2020-6-10 14:17

欣赏！学习分享！

夕阳黄昏 · 发表于 2020-6-9 09:28

本帖最后由夕阳黄昏于 2020-6-10 09:50 编辑

<div style="width:1200px;position:relative;margin-top:100px;margin-left:-200px;">
<img src="http://0.wp.zp68.com:811/filestores/2020/04/07/8535dc3fe909fac45a351b163eea8ae7.jpg" style="width:1200px;">
</div>

复制代码

设置边缘空白（上端和左端）不用后加换行符

夕阳黄昏 · 发表于 2020-6-9 09:28

一楼是一般网友们发帖时采用的方法，此方法不足之处在于后加的换行符个数不好确定，少了还是会部分遮挡而多了就会在画面下方留下一大块空白；

二楼是要推荐的方式，无需添加换行符总能恰到好处的不遮挡任何按钮。

一点体会与网友们交流。

静悟 · 发表于 2020-6-9 11:29

夕阳黄昏发表于 2020-6-9 09:28
一楼是一般网友们发帖时采用的方法，此方法不足之处在于后加的换行符个数不好确定，少了还是会部分遮挡而 ...

谢谢夕阳黄昏老师的避免遮挡下面按钮的方法！学习记住了。

静悟 · 发表于 2020-6-9 11:34

问老师：margin 这个就是外边距的代码吗？不懂英文。

许森匡. · 发表于 2020-6-9 11:57

欣赏佳帖！

夕阳黄昏 · 发表于 2020-6-9 12:18

本帖最后由夕阳黄昏于 2020-6-9 12:26 编辑

静悟发表于 2020-6-9 11:34
问老师：margin 这个就是外边距的代码吗？不懂英文。

是啊

夕阳黄昏 · 发表于 2020-6-9 12:22

许森匡. 发表于 2020-6-9 11:57
欣赏佳帖！

静悟 · 发表于 2020-6-9 14:00

夕阳黄昏发表于 2020-6-9 12:18
是啊

问老师：设置边缘空白（上端和左端）不用后加换行符，哪底部的高度就不用设置了吗？

沧海笑 · 发表于 2020-6-9 15:01

老师辛苦了！

帐号		自动登录	找回密码
密码			注册会员