前潮网络
400-990-6650
北京网站制作提醒您div+css小技巧！
admin
2015-07-29 09:39:40
61
北京网站制作提醒您div+css小技巧！

1、当width设置的是100%的时候，把窗口缩小后会发现，它并不是布满整个屏幕。
  解决方法：在width=100%的后边加一句最小宽度：min-width:1000px;

2、在把最大的例子设计了100%的宽，顶部的的盒子设计的1000px，可我那1000的盒子怎么也居中不了。
  解决方法：最大的盒子(zuidaihezi)里边再放一个1000宽的大盒子(dahezi)，让dahezi来控制顶部盒子，当你把dahezi的css中设置margin:0 auto;的时候顶部的的盒子也就跟着居中了。

    3、浮动float:left不管用了。
  解决方法：在css中写一个清除浮动的代码.clear{ clear:both;}  ，每次用完float:left后，清除一个浮动，这样就好了。

4、不想用<hr />标签，尽量少用它。
  解决方法：<hr />标签不要多用，一个网页中最多用5次，我们尽量在div中加线，border-bottom:1pz solid #CCC; 

5、怎么切搜索条？
           解决方法：构思：文本框切一个图放在一个div中，按钮的背景切一个图也放在一个div中，把两个图拼起来，用一个大盒子装它们两个，
  按钮的border-left：0；
  在html的代码：<form name="form1" action="http://www.baidu.com" method="post">
<input type="text" value="Search..." class="s1" name="dianpuname"  onFocus="this.value=''"/>
<input name="sub" type="submit" value="" class="s2">
  </form>

  在css中的代码：.Search{ float:right; margin-top:42px;}
 .Search input.s1{ width:189px; height:32px; border:0px; background:url(../images/jpg_06.png);                                padding-left:15px; float:left; display:inline; color:#999999;}
 .Search input.s2{ width:18px; height:18px; border:0px; background:url(../images/png_04.png);   float:left; display:inline; margin-left:-30px;cursor:pointer; margin-top:7px; }

  在html中的value的值：在用户未输入的时候，显示的文字。 北京网站制作公司前潮网络小编会定期的发布一些建站常识，敬请关注！

文章出自:北京网站建设公司-前潮网络 http://www.qcw100.com 如需转载请注明，010-57227103.

相关推荐
案例展示
您想要定制网站吗？
如果您想要走进互联网，并且想找一个出色的团队，那就赶紧联系我们吧~

手机版

微官网

北京前潮宇睿科技有限公司
域名：www.qcw100.com
联系电话：01057227103/01057194133
Copyright 2008-2020 前潮网络 版权所有
地址：北京市朝阳区4号院2049园区F座C05室
Powered by 前潮网络,all rights reserved
邮编：100024
京ICP备15058171号-1
友情链接：
北京网站建设 全网营销推广 竞价托管外包 天津网站建设 厦门网站建设 APP定制开发 长沙百度优化 南京优化包年 易族学院 原型设计 小程序商城 网站建设 OA系统开发 ERP系统开发 天津小程序开发 互联网加盟
Copyright 2008-2020 前潮网络 版权所有