本帖最后由 sylyu4 于 2012-07-03 16:41:40 编辑 我一个页面，代码如下： 无标题文档 body {color:#000;margin:0px;padding:0px;} #main_container{ width:1000px; height:100%; margin:0px auto; padding:0px; overflow:hidden; padding-top:130px; *padding-top:133px!important; padding-bottom:50px; background-color:#066; } #header{ width:1000px; margin...
CSS HTML 布局 相对定位 除了body以外，最外层的width:80%和height:80%都设置了百分比为什么没有占屏幕的80%呢？ .div1{ width:80%; height:80%; background:blue; border:1px solid black; } .test{ width:80%; height:80%; background:red; border:1px solid yellow; } 流体定位布局2 this is a test this is a second test aaaa 于是，我试着进行修改，如果把width:80%修改成wid...
new_file /* * COMMon * ********** */ a{text-decoration: none;} a:hover{color: gold;} /* * COLOR * ******* */ div{text-align: center} .red{background-color:red} .green{background-color:green} .yellow{background-color:yellow} .silver{background-color:silver} .gray{background-color:gray} .pink{background-color:pink} .orange{background-color: orange} .bl...
固定宽度要如何让这个div的宽度自由随着main的宽度自动变化呢用table就可能很方便实现用div要怎么做呢 特注: 不能用js来实现 回复讨论(解决方案) 为什么就没人回复个呢 固定宽度 要如何让这个div的宽度自由随着main的宽度自动变化呢 固定宽度要如何让这个div的宽度自由随着main的宽度自动变化呢 无标题文档.div1{background:#f00;width:200px;float:left;}.div2{background:#ff0;margin-left:200px;}固定...
按照图片那样的排版，但是，但是，错了。求正确写法？先谢谢各位啦~~~ 不理解右边的那个宽度是怎么写的？还有不知道错了，是不是右边的宽度计算错误了？ 初试试题body { margin:0px 0px; padding:0px 0px; color:#fff; text-align:center;}#header { background:#0175ed; height:120px; line-height:120px;}#header, #footer, #container { margin: 0px auto; width: 100%;}#contentWrap { margin-left: -200px; ...
在左侧做了一个可以自动伸缩的菜单栏，想让菜单栏展开时，完全展开右面带地图的div，而不是被左面的菜单遮住一部分，该怎么解决？ 这是菜单展开的图：搜索 这是菜单隐藏的图： 这是body: 这是样式表： #common_box{ width:280px; height :100%; position:fixed; left:0; top:40px; bor...
@media screen and (min-width:768px) and (max-width:991px){ .content{height:680px}.box{top:320px} }@media screen and (min-width:992px) and (max-width:1199px){ //你想change的样式，多个样式直接跟着写即可 }@media screen and (min-width:1200px){ //你想change的样式，多个样式直接跟着写即可 } 这是常用的几个分辨率的样式。记录下
为了实现如图所示的效果： 设置table的宽度为百分比的值，让其宽度随页面的宽度而改变。input占据整个td的宽度。 主要html代码如下： 主要的scss样式如下： .form{ width: 96%; margin: 0.3rem auto; font-size: 0.7rem; td{ height: 2.5rem; } input{ font-family: "Microsoft Yahei"; outline: none; color: #d8d8d8; } input[type=text],input[type=phone],input[type=email]{ border: 1px solid #e...
html,body{height:100%;} .container{ height:100%; display:-webkit-flex; -webkit-flex-direction:column;} #top{ -webkit-flex:1; background:#f00;} #bottom{-webkit-flex:1; background:#0f0;}
@media screen and (min-width:1080px){.box{ width: 1080px;}.content{width: 1040px;}.img{height:180px;}.img{font-size: 48px;line-height: 180px;}.title{font-size: 46px;line-height: 100px;}.detail{font-size: 20px;}}@media screen and (min-width: 900px) and (max-width: 1079px) {.box{ width: 900px; }.content{width: 860px;}.img{height:160px;}.img{font-size: 40px;line-height: 160px;}.title{font-size: 38px;...
花了一个礼拜完成了慕课网定制的七夕主题效果，其中有一个没实现好的功能，就是雪碧图的自适应缩放 ps: 以下实现都是基于移动端的处理 原图如下： 人物是采用的是雪碧图，通过坐标绝对数据取值 问题很明显，在缩放的屏幕上人物还是按照原尺寸大小显示 后来临时留了一节预备的方案：CSS3的scale处理直接可以让元素缩放 通过一个缩放的算放控制scale从而让雪碧图的元素可以缩放，目测还是不错。 但是这会带一系列的计算问题...
自适应网页设计近来很流行，如果你接触比较少请参见 responsive sites。当然，对一个新手来说可能听起来有点复杂，其实它比你想象的简单多了。这里是一个快速教程，通过学习你会自适应网页和media queries的基本原理（前提你有css基础）。 Step 1：Meta 标签 （查看演示： demo） 为了适应屏幕，不少移动浏览器都会把HTML页面置于较大视口宽度（一般会大于屏幕宽度），你可以使用viewport meta标签来设定。以下viewport...
support iframe responsive and fullscreen iframe(支持iframe自适应,并全屏iframe) ################################################################### 1.use jquery iframe resizer(it will autoresize iframe when content change) and more fullscreen a iframe 2.user jquery fullscreen plugin here ,the problem is iframe resizer set the iframes scrolling="no",so i...
1.使用css clear清除浮动； 在父级div体内添加子级div 2.对父级样式加overflow:hidden。 (PS:为什么是hidden?反其道而行之?) PS 1.clear 属性规定元素的哪一侧不允许其他浮动元素。 可能值：left、right、both、none(默认值)、inherit 2.overflow 属性规定当内容溢出元素框时发生的事情。 可能值：auto、scroll、hidden、visible(默认值)、inherit 参考文献： 1.解决子级用...
我是通过一个PC端网页的富文本编辑器上传了一段文字 里面有图片 然后在手里自适应H5网页中展示 但是文字都已经自适应宽度了 可图片就是原来大小 怎么解决 我设置css也无效 元素自身的样式无法更改… 回复讨论(解决方案) 编辑时图片不要加上样式 样式用外部css定 编辑时图片不要加上样式 样式用外部css定 图片好像就是没有设置