• 清除浮动最好的方法


    在需要清除浮动的盒子A前面写一个空白的div,里面什么都不需要写,只给个类名B,样式中写 .B:after{ Content:”.”; Clear:both; Display:block; Height:0; Visibility:hidden; ……消失却占用空间 } 加上这个之后。在A的样式中写上margin-top:多少px;就可以了 既有表单元素又有图片的时候之间会有三个像素的间距,给图片写个margin-left:-3px,让他们挨起来 出现边框当全局样式用了box-sizing:border-box;时,导航栏写.nav{ height: 36px; border-bottom: 2px solid #fd3f49; line-height: 36px; } 下面的盒子部分清除浮动后最上侧有可能会出现1像素的空白条,这是因为上面的导航栏部分line-height应该为34px,因为box-sizeing清除了边框,也就是说36px包括了下边框的2px,但是内容的行高是不应该加上这2px的,所有应该是34px 当一个盒子设置了透明度后,里面的内容也会跟着透明度,如何让内容不透明,背景透明呢?方法如下
    样式 .lianxi{ 900px; margin: 0 auto; position: relative; } .lianxi .bgtouming{ 370px; height: 100px; background: #ADFF2F; border-radius: 15px; position: absolute; left: 50%; /*这句和下面的是为了让这个盒子左右居中,-盒子宽度的一半*/ margin-left: -185px; top: 50%; /*这句和下面的是为了让这个盒子上下居中,-盒子高度的一半*/ margin-top: -50px; opacity: 0.5; } .lianxi .copy { 300px; height: 70px; background:transparent; /**让背景透明*/ position: absolute; left: 50%; /*这句和下面的是为了让这个盒子左右居中,-盒子宽度的一半*/ margin-left: -150px; top: 50%; /*这句和下面的是为了让这个盒子上下居中,-盒子高度的一半*/ margin-top: -35px; } 简单来说就是定义一个div是透明的,定位到想要的位置, 再写一个同级的div是不想让透明的,也通过定位,放到透明的div上,想让背景透明就写上background:transparent; /**让背景透明*/就可以了
    欢迎大家一起交流 相互学习
  • 相关阅读:
    房地产英语 Real estate词汇
    自制Flash FLV视频播放器
    .net反编译工具Reflector下载
    JQUery插件thickbox
    50 Great Photoshop Tutorials for Clever Beginners
    AspNet中你或许不知道的技巧(转)
    常用的设计网站(收藏)
    35 Green and Earthy Photoshop Effects
    使用 ASP.NET 2.0 增强网站的安全性
    asp.net中实现登陆的时候用SSL
  • 原文地址:https://www.cnblogs.com/zss1/p/8920289.html
Copyright © 2020-2023  润新知