#container{
width:820px; height:100%;
border:1px solid #b58505;
margin:0px auto;
}
.top{
width:100%; height:52px; font-size:18px;
text-align:right; line-height:40px;
padding-right:20px; margin-left:-10px; margin-top:-10px;
background:url(../images/top.gif) repeat-x;
}
.top a:hover{ color:red; text-decoration:underline;}
.top #srh{
vertical-align:top; margin-top:10px;
width:150px; height:18px; border:1px solid gray;
}
#header{
width:812px; height:303px;
border:1px solid gray;
margin:2px auto 0px;
background:url(../images/header_bg.png) no-repeat center;
}
-
等级
本版专家分：44结帖率 100% -
我在容器中加入了个headerDIV块，这个块加了边框，与容器边的距离也是刚好按我设定的margin值显示，但是我一把header的边框一去，header这一块就会与容器的上边框空出一段距离，也不知道是为何，求高手指教！
展开阅读全文
-
等级
本版专家分：14720勋章
-
- 红花 2012年4月 Web 开发大版内专家分月排行榜第一
-
- 蓝花 2005年7月 Web 开发大版内专家分月排行榜第三
-
-
这不加边框空的都应该是一样的，如果不一样也只是差一个边框的厚度
是不是你去掉边框看不出界线在哪里，所以以为空的多了？
-
等级
本版专家分：870 -
问题很多，不细究，除了最外面的层，另外.top同#header层都加一个 float:left; display:inline; 试试
-
等级
本版专家分：185 -
发两个效果的图看看
-
等级
本版专家分：122 -
可以解决，但是这是为什么呢？
- 浏览器中常见bug的解决方法
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px;...设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。 解决方案是在这个div里面加上displa
- css45道面试题
与低版本IE的盒子模型有什么不同？ 标准盒子模型：宽度=内容的宽度，（content）+border + padding +margin 低版本IE盒子模型： 宽度=内容宽度 （content+border+padding）+margin box-sizing 属性？ 用来控制元素...
- 用DIV+CSS编写网页的框架中，内外边距如何使用？
这是我完成的第一个前端网页，独立完成，在...则会使两个大的盒子脱离，即分开，达不到一个网页的效果，则会看到一个网页两部分的效果，所以在小盒子里设置边距时，应该先设置内边距，如果内边距达不到效果，再考...
- CSS的margin属性：为什么在嵌套图中，子元素的margin设置会改变父元素的margin属性
我们以下面的代码为例： html代码： <body> <div class="box1"> <div class="box2"></div> </div> </body> css代码： <style> .box1{ width: 300px; ...
- css面试题
首先，需要把元素的宽高设置为0，然后设置边框样式。 width: 0; height: 0; border-top: 40px solid transparent; border-left: 40px solid transparent; border-right: 40px solid transparent; border-...
- jquery获取元素到屏幕四周可视距离
$("div").offset().top//是标签距离顶部高度（没有到下面的距离，比如$("div").offset().down） $("div").offset().left//是标签距离右边高度（没有到下面的距离，比如$("div").offset().right）$(document).scro
- css内边距外边距和边框
关于css内边距外边距和边框的一些介绍 1、margin 外边距 是指相邻同辈元素之间的距离。 相邻元素块的margin叠加显示 如上图所示两个元素块的margin值都设置为50px。 2、padding 内边距 定义元素边框与元素...
- offsetWidth与offsetLeft
1、offsetWidth: 为元素的width+元素的padding+边框的宽度 如图： 2、offsetLeft、offsetTop、offsetRight、offsetBottom 以offsetLeft为例进行说明，在不同的浏览器中其值不同，且与父元素的...
- Vue---拖动侧边栏改变div宽度
任务描述 实现左右拖拽布局功能：当拖动分割线时，可以重置左右两侧模块宽度实现宽度自定义。 首先搞清楚几个值的...相对于具有定位属性(position定义为relative)的父对象 的左边距 （3）offsetLeft 与 offsetWid...
- 内容(content)、填充(padding)、边框(border)、边界(margin)：CSS中盒子模型有何区别？
为什么叫它是盒子？先说说我们在网页设计中常听的属性名： 内容(content)、填充(padding)、边框(border)、边界(margin)，CSS盒子模式都具备这些属性。 一个盒子模型由 content(内容)、border(边框)、padding(间隙...
- css设置内外边框距离
margin属性可以有一到四个值。/p> margin:25px 50px 75px 100px; 上边距为25px 右边距为50px 下边距为75px 左边距为100px margin:25px 50px 75px; 上边距为25px 左右边距为50px 下边距为75px margin:25px ...
- 移动端H5 css3模拟边框最新研究(超实用) by FungLeo
移动端H5 css3模拟边框最新研究(超实用) by FungLeo前言在之前写的一篇博文《移动端H5的一些基本知识点总结 第五节 边框的处理》中,我提到,可以使用 box-shadow:0 0 ... 为什么要模拟边框,而不是直接写边框? 因为边框
- margin设置div与div间距
margin用于设置对象标签之间距离间隔，比如2个上下排列的DIV盒子，我们就可以使用margin样式实现上下2个盒子间距。 其实说白了padding就是内容与边框的空隙.而margin 则是模块与模块的空隙.下面图解: margin ...
- DIV盒子模型
DIV盒子模型： 从外到内依次包括： margin：外边距、 border：边框、 padding：内补白、 content：内容。 内外距离区别： 其实说白了 padding就是内容与边框的空隙。 margin 则是模块与模块的空隙。 图解： ...
- html标签的盒子模型介绍
盒子模型，这主要是针对像div等块标签而言，是拿生活中的实物形象... 首先这个盒子是有边框的，至于边框多厚就看是什么盒子了，其次，小盒子并不是硬生生的噻进大盒子的，而是留有空隙 的放进大盒子中，这就是是
- 笔记之jsp美化（CSS排版）
JSP美化： Css排版： Div定位： Div默认在上一个div的下面。 ...如果想不影响后续DIV，可以定义个ID为clear的DIV，clear:both margin设置div间距: 指定方向： Margin-top,Margin-left,Mar
- jQuery实现将div中滚动条滚动到指定位置的方法
本文实例讲述了jQuery实现将div中滚动条滚动到指定位置的方法。分享给大家供大家参考，具体如下：一、Js代码：onload = function () { //初始化 scrollToLocation(); }; function scrollToLocation() { var ...
- div style常用属性介绍及使用示例
在div+css布局中经常被用到的就是div了，几乎所有的css属性都可以用到它的身上，本文整理了一些在页面布局中常用的属性的使用示例，有想学习css布局的朋友可以参考下 一、常用属性： 1、Height:设置DIV的...
- HTML中常见的各种位置距离(clientTop clientLeft clientWidth ClientHeight offsetleft offsettop ...
DOM中都有一些什么宽度、高度。 常见的 offsetWidth clientWidth scrollWidth offsetHeight clientHeight scrollHeight offsetLeft clientLeft scrollLeft of
- JS中offsetTop、clientTop、scrollTop、offsetTop各位置属性详解（含示例图）
这里是javascript中制作滚动代码的常用属性 页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; ...网页可见区域宽： document.body.offsetWidth (包括边线的宽);...
- html 盒子模型基础（单位，边框，内边距，外边距）（一）
* - 我们的屏幕实际上是由一个一个的小点点构成的，一个小点点就是一个像素 * - 不同的显示器中单个像素的大小是不同的，越清晰的显示器单位像素就越小 * - 像素是开发中用的最多的
- 你不知道的CSS(边框塌陷)
在html和CSS的学习中，你可能会做很多精美的网页，但其中一些不常见的问题，或许初次遇到的你会很是棘手，下面就一些例子我做一些简单分析。 ... 解决方法：css样式中设置outline:none;... body,div
- div布局：相对定位、绝对定位、固定定位
当用div布局，相对定位时，子div的位置是相对于母div来设置的（从母div左上角开始算），margin可以活动到母div外围而不会把母div撑大，padding则总是在母div内部折腾，会把母div撑大。——————————————...
- border-image属性分析
border-image是CSS3的一个属性，由于比较复杂，总是处于一知半解的状态，今天下定决心，花时间整理了一下，供大家共勉和学习。border-image的用处没用border-image之前，觉得css的属性基本够用，border-image完全是...
- HTML5 CSS控制Table内外边框、颜色、大小示例
联系人:石虎 QQ:...在默认的情况下，我们的CSS将Table的边框清除掉了，下面与大家分享下CSS控制Table内外边框、颜色、大小的样式，想学习的朋友可以参考下 其实按照常理来说，现在的网站应该早已经抛弃...
- JS中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
这里是javascript中制作滚动代码的常用属性 页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽);...
- div向右偏移设置 css让div靠右移一定距离
div对象盒子向右偏移设置，使用css让div靠右一定距离-div向右移教程实例篇 div向右偏移一定距离，可采用margin外边距实现、也可以使用padding来实现，这就要看不同情况下如何灵活选择了。这里thinkcss为大家介绍各种...
- 深度理解div+css布局嵌套盒子
1. 网页布局概述 网页布局的概念是把即将出现在网页中的所有元素进行定位，而CSS网页排版技术有别于传统的网页排版方法，它将页面首先在整体上使用标记进行分块，然后对每个快进行CSS定位以及设置显示效果，...
- js中的scrollleft、style.left、clientLeft、offsetLeft
相信大家都见过这张图，乍一看，这张图乱七八糟的，看见就很头疼，但是为了搞清楚这几个left到底什么是什么，只能硬着头皮慢慢分析了~其实，仔细看看，这张图差不多就分为五大部分。 盒模型的组成部分，padding、...