用dw做网站页面有10个像素左右的多余白边

Posted 2023-05-13

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了用dw做网站页面有10个像素左右的多余白边相关的知识，希望对你有一定的参考价值。

用百分比表格做的
但是不知道为什么右面右侧会有宽度为10个像素左右多余白边啊
求高手指导啊，万分感谢
代码如下

你这是样式css跟div标签的问题；
解决方案：（1）用火狐或谷歌浏览器打开dw页面编辑的页面，需要前端页面查看bug（
页面有10个像素左右的多余白边）单机右键查看元素

(2)这是可以看到左边是div标签嵌套的样式，右边是对应div标签规范的css样式（简称页面空间框架）
（3）这个需要前台页面调试好，再去css样式表里改写。
参考样式代码：
html是一种标记语言不是编程语言（.html .htm)
<html></html>：网页标记
<head></head>:网页头部标记
<title></title>:网站的标题
<body></body>:网站内容区域
<br/>:换行符
<p></P>:分段符
<hr/>:水平直线
<center></center>:居中

<meta name="keywords" content="这是网站搜索关键字"/>
<meta name="description" content ="网站的描述信息"/>

meta:元标签
keywords：关键字
description：描述
content：内容
空格符号

background:#000; 背景(图片或颜色)
width:100px; 宽度
height:200px; 高度
color:#ff3300; 文字颜色
font-family:"微软雅黑"; 字体
font-size:24px; 文字大小
font-weight:bold; 文字加粗
border:1px solid #ff3300; 边框
border-radius:25px;圆角边框
line-height:30px; 行高
text-align:center; 文字对齐(center居中、left居左、right居右)
float:left; 浮动（横排/left/right）
margin:10px; 外边距(top上、右right、下bottom、左left)
padding:20px; 内边距(top上、右right、下bottom、左left)
text-decoration:none; 连接文字的下滑线
display:block;显示,陈列
list-style-type:none; 列表样式
list-style:none; 列表样式
text-indent:30px;文字缩近
display 属性规定元素应该生成的框的类型。
display:none; 此元素不会被显示。（隐藏元素内容）
display:block; 此元素将显示为块级元素，此元素前后会带有换行符。（使元素换行）
display:inline; 默认。此元素会被显示为内联元素，元素前后没有换行符。（元素内容不换行）
display:inline-block; 行内块元素。（块换行）
overflow:hidden 内容会被修剪，并且其余内容是不可见的。（隐藏多出的内容）
position 定位:
relative 相对
absolute 绝对
position: relative; 相对定位.dingwei position: relative; left: -30px; top: 20px;
position: absolute; 绝对定位.dingwei position: absolute; left: 30px; top: 20px;
top 上
right 右
bottom 下
left 左
center 居中
solid 实线
dashed 虚线
bold 加粗
auto 自动
none 没有样式
normal 正常
overflow: hidden; 隐藏溢出
clear: both;在左右两侧均不允许浮动元素。
【标签：】
基本结构：例：开头<p>这里是段落内容</p>结尾

div 划分（盒子）
ul 无序列表
ol 有序列表
li 列表项目
dl 列表
dt 定义列表中的项目
dd 定义条目…

<br/> 换行符
p 段落
a 代表连接
hover 选择器用于选择鼠标指针浮动在上面的元素（鼠标放到连接文字上是什么颜色）
h1-h6 标题
span 范围(特殊提示和注释样式）

i 斜体字
em 强调的内容
<hr/>水平线

<table>；代表表格
<tr>；代表行
<p>；代表段落
<td>；代表单元格
<th>；代表表头

透明：

opacity: 0.6;　　透明背景
filter:Alpha(opacity=50); /* IE8 以及更早的浏览器 */

清除：
.clear
clear: both;
height: 0;
line-height: 0;
overflow: hidden;
参考技术A 截图没办法测试，你试试在css里加一句*margin:0;padding:0;试试。追问

谢谢边距的问题，已设置好了
但是还想请教下
如何实现不同分辨率下页面自适应的问题噢？

用百分比做的还是不行啊

追答

想要在不同分辨率的显示器上伸缩自如，肯定是不能限定固定像素，也就只能用百分比。

推荐你看看http://www.surfphpseo.com/wangzhanyunying/2013-06-20/682.html

本回答被提问者采纳参考技术B 毕竟在<td>里面设置宽度了，而且背景也不是整个<table>的，所以不会居中。如果想适应所有的分辨率的话，就把<table>里面的 align="left" 改成 align="center" 目的是让整个表格居中。
align 是全局变量，所有的<>都可以使用。
如果是想改文字的对齐方式的话就用 style="text-align:left;" 左侧对齐。

如果想深入学习请进：http://www.w3school.com.cn/ 学习代码。这里也可以查找代码哦！
基本上看两天就能学会html的基本语句了，css就更简单了。参考技术C 可能是代码写错了吧。