css 框架 grid的困惑 Using Nesting Grids
不懂他网格如何原理
\Using Nesting Grids
YUI Grids CSS provides a system for subdividing sections of your page with nestable grids. Use this technique to easily create complex layouts that go beyond the two column layouts offered by the template presets. The picture below shows, for example, how a two-column grid is "nested" within the main block:
The Basic Idea
The basic idea is that "grids" are holders of "units". The standard grid holder is a div with a class of "yui-g" (g is for grid). The contained units are divs with a "yui-u" class (u is for unit). Except in special cases we'll examine later, a grid holds two units and instructs each unit to take up half the available space. Here's what a basic nested two-unit grid looks like:
HTML code:
1 ...
2 <div id="yui-main">
3 <div class="yui-b">
4 <div class="yui-g">
5 <div class="yui-u first"></div>
6 <div class="yui-u"></div>
7 </div>
8 </div>
9 </div>
10 ...
view plain | print | ?
... <div id="yui-main"> <div class="yui-b"> <div class="yui
相关问答:
我用DIV+CSS做了一个可以移动的层。。。。怎么样将这个层的数据保存到数据库中。。。。在打开页面的时候在从数据库中加载出来显示!!!!!!!哪位哥们有例子的可不可以发给我
div 对应的位置用from给到ACTION 存 ......
美工在IE6下做的html页,里面用到了CSS样式
我在IE7下用visual studio 2008做aspx页,利用了上面的页面布局,我只是在vs.net下写代码
现在页面在IE7下能正常运行,可是在IE6里就显示不成样子,看那样子是引用不了 ......
我写好了一个PHP页 和写好了CSS样式 但是不知道怎样使CSS样式在PHP页中起作用
我是这样写连接的: <link rel=\"stylesheet\" href=\"style/style.css\" type=\"text/css\" /> ......
这时在网页中弹出一个窗口,是qq在线咨询,在一般的html中可以随滚动条而动,但在html中加入 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1 ......
POSITION: absolute;WIDTH:100%;overflow:hidden;white-space:nowrap;这种方法在页面有
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/ ......