双浮动web布局

很久没写html了，最近写个东西，需要一个经典的双浮动布局。以前的经典做法是在末尾提供一个元素，并附加clear:both样式，这个附加的东东很显然是没有语义的，纯粹为了外观而添加，一个bad smell。想来web前端发展迅猛，应该有更优雅的解决方案，于是在twitter上提个问，得到2位专业前端童鞋的回答，记之。

linnchord: @b3inside 请教下，现在web布局div左右双浮动，下面还是要插一个div做clear:both吗? 有没啥更优雅的办法?

b3inside: @linnchord 在需要清浮动的div样式里加:after。.yn-fix-float:after{content:”.”; display:block; height:0; clear:both; visibility:hidden;} 使用时div里引用这个class

b3inside: @linnchord <div id=”main” class=”yn-fix-float”>，最好样式里加个.yn-fix-float{zoom:1;}

terranc: @linnchord 父元素如果没有高度的话，加overflow:hidden;zoom:1;可以了

禁止页面缓存

web程序中有时候更新非常频繁，这时候往往页面缓存会出来捣乱，让你分不清是否程序真实响应页面。

禁止页面缓存


<META http-equiv=Pragma content=no-cache> 
<META http-equiv=Cache-Control content=no-cache> 
<META http-equiv=Expires content=0>

asp

<% Response.Expires = 0 %>

我试了一下，似乎不是百分百管用……都用上好了 🙂

CSS设计器之界面交互

整个操作交互过程，除了最后保存文件外，其他都是由javascript完成。

首先DesignerBuild函数读取XML样式属性定义文件，构建整个设计器界面。然后Init函数读取服务器端赋给设计元素的Style属性，并把属性作为输入控件ID在设计器中查找并赋值，完成初始化。

在操作过程中，根据输入控件的样式类Class，触发绑定的HTC组件，做相应的客户端操作。

最后再读取设计元素的style属性，保存。

设计器界面

不同的设计元素

不同输入控件的不同class属性（根据XML中ActionType生成）触发不同HTC组件，实现不同输入模式。

由于商业原因，这里不便提供源代码；我将在后面提供部分关键代码供参考。