-
设置浮动只影响紧邻它后面的元素查看全部
-
从第一层到第五层依次为：border、content+padding、background-image、background-color、margin。查看全部
-
标题具有唯一性 用ID选择器 页面自动居中，使用margin属性不能够同时设置浮动或绝对定位属性(auto根据浏览器的宽度，自动居中)查看全部
-
看大家讨论的很激烈，我仔细看了一下，这道题出的挺有意思。仔细深究了一下，有一点自己的见解，和大家分享一下： 1，关于任务3。任务1,2很简单相信大家都能很快做出来，任务3，right选择器我是这么写的#right{position:absolute;left:790px; border:1px solid #999;}，这样写的原因：position绝对定位时计算位置从mainbody的左边开始，那么应该是left的宽度+mid宽度，当然中间有border也就是边框的1px，然而其实边框的像素是不算在wrap 的970px里面的，比如你可以做完任务2后马上试验一下，在题中left后面添加border，同mid（这其实才是原题中图片所示的效果，不知道为什么原程序未给出，任务里也没提现），因为设置了left和mid间距为13px，用截图工具测量，从边框上点鼠标，拖到另一端，发现是15px，边框是1+1，那么13px是我们设置的间距，所以边框是不占用mainbody的width的（不同浏览器可能处理方式不同，我试验了chrome，火狐和360浏览器，都是这个方式，其他大家要是发现不同可以提出来）。如此，就容易理解了为什么right的left是790而不是792。 2，这样输入之后截图发现，left-mid和mid-right的间距都是15px，奇怪我明明既然是这样，#mid{float:left; width:650px;margin:0 17px 0 13px ; border:1px solid #999;}，一个13，一个17，应该差4个像素，为什么会相同。我产生了疑问，然后将right设置左浮动并将宽度设置为170px后真相大白，量出来mid-right为19px，所以任务3的17px看来对浮动才有影响，对绝对定位没啥关系。 我不知道这是不是出题时忽略了，看似简单的题目深想想会想出很多问题，不认真想还真容易忽略。查看全部
-
标题具有唯一性 用ID选择器查看全部
-
/*在下愚见请各位指点*/ *{margin:0; padding:0;} #wrap{width:970px;margin: 0 auto;top: 0;bottom: 0;} /*实现页面自动居中布局，#wrap顶部和底部与浏览器无间距*/ #mainbody{position: relative; margin-top:15px;} #left{float:left;width:110px; } /*浮动实现#left和#mid横向两列排版，*/ #mid{position:absolute;left:123px;width:650px;border:1px solid #999;} /*两者之间有13px间距;*/ #right{position:relative;margin-left: 790px;border:1px solid #999;} /*使用position定位方法实现#right的自适应宽度横向排版，且它与#mid之间的间距为17px。*/查看全部
-
从第一层到第五层依次为：border、content+padding、background-image、background-color、margin。查看全部
-
设置了浮动的元素，仍然处于标准文档流中查看全部
-
页面自动居中，使用margin属性不能够同时设置浮动或绝对定位属性查看全部
-
style样式 就近原则 里标签越紧 优先级越高查看全部
-
盒子模型组成部分：边框（border）、外边距（margin）、内边距（padding）、盒子中的内容（content）查看全部
-
*{margin:0; padding:0;} #wrap{width:970px; margin:0 auto;top:0;bottom:0;} #mainbody{position:relative;width:100%;margin-top:15px;} #left{float:left;width:110px; } #mid{float:left;margin-left:13px;width:650px;border:1px solid #999;} #right{position:absolute;left:792px;border:1px solid #999;}查看全部
-
W3C标准倡导结构，样式，行为分离查看全部
-
W3c标准 结构化标准语言 html xml 表现标准语言 css 行为标准语言DOM 和ECMAScript W3C倡导结构、样式、行为三者分离 css中 存在3种定位机制： 标准文档流（Normal flow） 浮动（Floats） 绝对定位（Absolute positioning）查看全部
-
css中 存在3种定位机制：标准文档流（Normal flow） 浮动（Floats） 绝对定位（Absolute positioning）查看全部
举报
0/150
提交
取消