css在框架里面文字定位的问题,高手请进

html-css018

css在框架里面文字定位的问题,高手请进,第1张

1. 把 <span id="rx">热销88件</span>改成 <div id="rx">热销88件</div>

2. 在#a里添加 position:relative

3. 在.jgg #a #rx里添加 position:absolutez-index:99bottom:36pxright:16pxtext-align:left

我在另一个问题里也回答了你

你这种布局应该是大框架无滚动条,整个页面的高度随浏览器而变化,一般是后台使用这种框架,左侧高度可以加overflow-y:auto自动

右侧写实际高度或者JS获取浏览器窗口高度

简单地说,就是一些事先写好的css,你只需要给你的html元素加上一些特定的类,就可以快速的得到一些想要的效果。

Blueprint是比较早的,基于静态css的框架。但是现在有两个主要的动态css语言,LESS和SASS,给css提供了变量,mixin,运算符等功能,让写出模块化的css框架成为可能。

Bootstrap现在基本是欧美这里最流行的框架,基于LESS,最近升级2.0以后完全模块化,也不需要太多配置,很好用。这个框架对大部分元素的视觉细节都已经做得很完整,基本上你只需要写html,加几个class,就可以做出像模像样的页面了,做起prototype来嗷嗷快。不过这也是个缺点,因为用的人多了样式都长一个样... 当然,模块化的框架你要修改起来也是很方便的,基本上修改变量就可以了。

另一个比较流行的是基于SASS的Compass,这个框架包含了Blueprint作为其中的一个模块。需要注意的是这个框架和Ruby on Rails是高度整合的,用起来需要大量的命令行操作,比Bootstrap麻烦,但是在Rails开发人员里面用得比较多。