html上下左右

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html上下左右相关的知识,希望对你有一定的参考价值。

将一个页面分成上下左右四个版块怎么弄啊?

html实现上下左右四个板块,可以通过以下代码实现,如果是新手的话,建议使用DW里面的table制作,更加方便快捷
<frameset rows="136,*,18" cols="*" frameborder="no" border="0"
framespacing="0">
<frame src="LoginFile/Top.aspx" name="topFrame"
scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />

<frameset rows="*" cols="182,*" framespacing="0" frameborder="no"
border="0">
<frame src="LoginFile/left.aspx" name="leftFrame"
scrolling="auto" noresize="noresize" id="leftFrame" title="leftFrame" />

<frame src="MainPaget.aspx" name="iframe" id="iframe" title="iframe"
/>
</frameset>
<frame src="LoginFile/Bottom.aspx"
name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame"
title="bottomFrame" />
</frameset>
<noframes>

<body style="MARGIN: 0px">
</body>
</noframes>
参考技术A <div class="header"></div>
<div class="wraper">
<div class="left side"></div>
<div class="right main"></div>
</div>
<div class="footer"></div>
side和main属于左右你的自定义。本回答被提问者采纳
参考技术B <style>
.topwidth:100%;height:20%;clear:both;border:1px solid red;
.leftwidth:50%;height:60%;float:left;border:1px solid red;
</style>
<div class="top"></div>
<div class="left"></div>
<div class="left"></div>
<div class="top"></div>

跪求,js手机移动端html点击图片弹出后可触摸屏左右滑动上下张图片的效果

参考技术A

这是一个叫photoswipe的插件,挺好用的,平滑滑动,上一张下一张,点击放大等功能

这是我自己精简了一下的.里面有Demo,你自己看吧.

以上是关于html上下左右的主要内容,如果未能解决你的问题,请参考以下文章

html那个左右滑动翻页的该怎么弄

html这个表格上下左右边框颜色怎么设置?

HTML——左右側边栏布局

HTML5 音频,左右声道分离

HTML marquee标签实现内容上下左右滚动

3D视频上下转化左右交织格式YUV