绿
0

如何调整php网站div模块与网页边缘的距离?

问题描述:以下是一个php程序制作的网站,如下图所示,如何才能把右边红色线框中的DIV模块平移到左边红色线框的位置?

php网站

首先,在浏览器中打开php网站页面,建议使用火狐浏览器最好。然后在“审查元素”模式下,使用鼠标定位找到需要移动的DIV模块,如下图红色线框所示,就是我们需要移动的DIV模块。

建站

然后再定位模块的代码位置,如下图红色线框位置所示,我们发现控制整个DIV模块的样式表格就嵌入在这个DIV模块里面,属于“内联”式样式表格,因此我们不需要去看外部CSS样式表格,只需要找到存放这个DIV的html文件就可以修改整个DIV的样式了。

php网页

我们打开FTP,在网页存放空间找存放这个DIV模块的html文件就是网站模板文件里面的header.html文件,我们把它下载到本地,使用DW软件把它打开,切换到“设计”模式,然后找到整个DIV模块,如下图所示:

php网站

然后,我们再把它切换到代码模式下查看整个DIV,这时候我们就可以找到控制整个DIV样式的内联式样式表格“style=”margin-left:600px;”,如下图红色线框中所示,这时候我们只需要改变style=”margin-left:600px;的像素就可以使得DIV与网页边距的位置得到调整了。

php网站

网站调试后显示的效果图如下图所示:

php网页

打赏