-
绝对定位 横向两列布局查看全部
-
css的定位机制查看全部
-
。。0000查看全部
-
偏移参照基准选择复杂查看全部
-
相对定位查看全部
-
自动居中设置时宽度width不能为100% border{ margin:0 auto;width:80% }查看全部
-
使用absolute绝对定位，要求父元素相对定位查看全部
-
盒子模型从上往下：边框（border）内容和内填充（content+padding）背景图（background-image）背景色（background-color）外边距（margin） <head> <style type="text/css"> *{margin:0;padding:0;}(初始化)(浏览器会自动设置标签的外边距和内边距，所有要初始化) .content{ Border:4px solid #badbdb;(设置边框属性，分别是4像素，实线边框，颜色) Padding:44px 15px 15px；(设定5个图片的内边距为上44排序，左右15px，下15px) Width="770px"(设置框的宽度为770px) } Book{background:url(图片路径) no-repeat #eff9f9;}(添加背景图路径，并且设置不重复)（设置背景颜色，因为背景图是在背景色的上面的，所有可以写在一起。） Img{ margin:10px 18px;(img属于盒子，盒子之间的间距使用margin属性。上下像素为10px，左右像素为18px) Border:1px solid #b1adad;(设置边框属性，分别是1像素，实线边框，颜色) } </style> </head> <body> <div class="content book">(边框)（另外追加一个背景） <img src="图片路径1" width="80" height="80">(图片的宽和高) <img src="图片路径2" width="80" height="80"> <img src="图片路径3" width="80" height="80"> <img src="图片路径4" width="80" height="80"> <img src="图片路径5" width="80" height="80"> </div> </body>查看全部
-
盒子3D模型查看全部
-
一个值：四个方向值一样查看全部
-
两个值：一个管上下，一个管左右查看全部
-
三个值设置的是什么---左右相同查看全部
-
盒子模型的示意图查看全部
-
使用绝对定位进行布局，使用情况不多，在横向两列布局中，常用于一列固定宽度，另一列宽度自适应的情况，这种情况使用float是做不到的，这种情况下，需要注意固定列的高度要大于自适应的高度，为什么，在之前的测试中，我试验过了，假如说子元素设置了绝对定位后，会容易把父元素撑开（当父元素没有设置高度的时候），所以就需要有一个还在文档流中的子元素帮着父元素，让父元素撑开，不然的话，就会出现子元素覆盖父元素的情况了，而这种情况我们正常是不需要的查看全部
-
一个元素只设置相对定位，没有设置偏移量的时候，这个元素是没有任何影响的（当然其他元素可能会受到他的影响，但是他自身是不受影响的）查看全部
举报
0/150
提交
取消