div body { margin:0px; padding:0px; font:12px arial,宋体; text-align:center;}.zong { float:left; width:214px; height:266px; background:rgb(220,232,244); position:absolute; left:50%; top:50%; margin-top:-133px; margin-left:-107px; border:1px outset black; z-index:-100;}.kuang { float:left; margin-top:10px; margin-left:11px; width:192px; height:52px; background:url(../images/0000000.jpg) no-repe...
页面布局情况如下： 上（50px） 下 (左 20% 右) 要求： 布局自适应屏幕 在线等。。。 另求HTML+CSS高手 回复讨论(解决方案) layout .container { width: 100%; min-height: 500px; } .row { width: 100%; overflow: hidden; } .col { float:left; } .header { height: 50px; width: 100%; background-color:#666666; } .menu {...
要求：div1和div3靠左悬浮，div2和div4靠右悬浮，这四个div都不设置高度，里面的内容增加，高度自动增加 div5是最外边，宽度1000px，居中，高度不设置，随着里面的四个div的增大而增大 我写了好几遍，总是在最外层div5出错，如果不设置高度，div5总是不能包括里面的四个div，里面的全都跑出来了 相信这么简单，一定有很多人会，帮忙指点一下吧 回复讨论(解决方案) 作业、LZ你又不好好学了、 div1234 dispaly：inline-...
test*{padding:0;margin:0;}#header{background-color:#999999;height:60px;min-width:1024px;}#left{width:200px;background-color:#00FF00;float:left;}#content{height:400px;background-color:#0000FF;min-width:1px;}#footer{height:50px;background-color:#CCCCCC;}
回复讨论(解决方案) 无标题文档#main { background-color:#999; border:1px solid #000; width:500px;}#main div { border:1px solid #000; height:80px; width:80px; float:left;}#div1, #div3 { margin-left:100px;}#div1, #div2 { margin-top:50px;} DIV1 DIV2 DIV3 DIV4 为什么我看不见图片? 1楼是怎么看到图片的？求知识，求传送门！！！ 图片上点右键->在新标签页中打开图像->F5刷新一下。 看...
#Layer1 { position:absolute; width:98%; height:1091px; z-index:1; left: 35px; top: 10px;}想用CSS控制层宽度为整个浏览器宽度的98%，这样好像不能实现。各位有什么方法吗 回复讨论(解决方案) 你的意思是浏览器clientWidth减去滚动条宽度的98%？ 宽度百分比*{ margin:0; padding:0;}#Layer1 { position:absolute; width:98%; height:1091px; z-index:1; left: 35px; top: 10px; background:blue;...
回复讨论(解决方案) [img=http://s2.sinaimg.cn/small/6829be5ctbd3bdcfabc91&690][/img]图片在这儿，由于刚学，现在急用，求个代码，万望大家海涵，谢谢了 呼~ 通过某些调用吧
如图： 用table布局的形似来完成 谢谢~ 用到 colspan 和 rowspan 回复讨论(解决方案) where is the picture? 我去 细线啊。。。。。 我去 细线啊。。。。。 什么都无所谓 只要是能看着图 布局出来就可以了 借款用途 十 万 千 百 十 元 角 分 数额 人民币（大写）： ￥ ...
预约 主页 账单 消息 评价 /*首页网格*/.nav-grid {margin:0px;padding:0px;width:100%;list-style: none;display: inline;font-size: 0px;}.nav-grid li {width:45%;padding-bottom:35%;font-size: 15px;position: relative;margin:4% 2% 4% 3%;background-color: #fff;}.nav-grid li a{position: absolute;display: inline-block;height: 100%;width: 100%;text-align: center;vertical-align: middle;}.nav-grid li.col2-top{m...
CSS兼容所有浏览器(IE6+，现代浏览器)的终极布局方案之 -- 改进版圣杯布局 改进思想： 通过对主内容区main增加一个额外包裹层div，将原来在父节点上的 padding-left|right 设置转移到包裹层上使用 margin-left|right 替代，达到更加灵活的布局设置。 原始圣杯布局实现： 同样的效果： CSS 和 DOM 代码如下： 改进版圣杯布局 body {background-color: #ffffff; font-size:14px;} #hd, #ft {padding:20px 3px; backgroun...
响应式网页设计是针对多屏幕问题的一个很好的解决方案，但从印刷的视角来看有点困难。没有固定的页面尺寸，没有毫米或英寸，没有任何的物理限制，无 从下手。为了desktop和mobile单独使用像素设计的方法也成为了过去，因为越来越多的设备都可以打开网站。因此，我们需要弄清楚响应式网页设计 的一些基本原则，接受流体网页，而不是与之相抗。为了让它保持简单，我们将着眼于布局（是的，响应式比它更复杂，如果你想了解更多，这是一...
*{ margin:0; padding:0; list-style:none; } .nav{ max-width:960px; overflow:hidden; margin:0 auto; border:5px solid #F60; padding:10px; } .nav ul{ margin:-10px 0 0 -10px; list-style:none; padding:0; } .nav li{ width:25%; float:left; } .nav li a{ color:#fff; display:block; background:#F60; line-height:30px; margin:10px 0 0 10px; text-align:center; font-size:12px; text-decoration:none; } .nav li a:ho...
EZ-CSS是一款轻量级的CSS布局排版框架，EZ-CSS和其他的CSS框架有很大的不同，因为它很小，才1kb。而且EZ-CSS的扩展性很强，对浏览器兼容性较为友好，利用EZ-CSS，你可以快速的实现较为复杂的网页布局排版。 EZ-CSS的特点 最大的特点就是框架很小，才1K，因此可以将其集成到任何相应的样式表中。 简化排版，原先需要很复杂的CSS代码才实现的排版布局，EZ-CSS可以分分钟搞定。 轻松实现多列布局，并且可以指定任意的宽度...
居中关于line-heightcss中的星号和下划线一个不错的插件网站
.ABC{width:100px; height:100px; background:red; margin:auto; margin-left:20px;}