CSS+DIV技巧两则(居中,高度自适应)

  • 怎样使一个层水平居中于浏览器中
  • <style type="text/css">
  • <!--
  • div {
  •        position:absolute;
  •        left:50%;
  •        margin:0 0 0 -100px;
  •        width:200px;
  •        height:200px;
  •        border:1px solid red;
  •        }
  • -->
  • </style>
  • <div>web标准常见问题大全</div>
  • 这里我们使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二
  • 另外一个我现在常用的方法,就是在最外层div在外面再加上一层div,这层div只能有一个属性align=center,不能有别的属性。这样就是保持内容居中显示了。



     
  • ff下为什么父容器的高度不能自适应
  • 一个非常常见的CSS问题,定位使用浮动的时候,下面的层被浮动的层所覆盖,或者层里嵌套的子层超出了外层的范围。
  • 通常的解决办法是在浮动层后面添加一个额外元素,例如一个div或者一个br,并且定义它的样式为clear:both
  • 1、 第一种方法(clear:both

    it知识库CSS+DIV技巧两则(居中,高度自适应),转载需保留来源!

    郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。