用easyui的layout调一个框架的时候,
<div region="center"
style="overflow-y:hidden;padding: 0px; background: #7190E0;">
<div id="toolbarcontent" style="height:33px;width:100%;margin:0px;padding:0px;background:#7190E0;border:0px;">
<!--DataPane Start radzhang -->
<tiles:insertAttribute name="toolbarcontent" />
<!--DataPane End radzhang -->
</div>
<div id="mydatacontent" style="overflow-y:auto;width:100%;height:100%;background:#7190E0;border:0px;">
<!--DataPane Start radzhang -->
<tiles:insertAttribute name="mydatacontent" />
<!-- DataPane End radzhang -->
</div>
</div>
toolbarcontent和mydatacontent总是有一个很大的间隔。查了很久,原来是mydatacontent里面的内容也是一个div里面设置了margin-top=20px。总结出来,如果要设置margin之类的在外层的div里就得设置好。要不在tiles的内容设置的话会影响外层的DIV的显示。
分享到:
相关推荐
在网页设计中,"div嵌套的div溢出时换行"是一个常见的布局问题,尤其在处理响应式设计或者自适应屏幕尺寸时显得尤为重要。这个问题涉及到CSS(Cascading Style Sheets)布局、盒模型以及流体布局等概念。下面将详细...
最近在做作业中需要在不用iframe的情况下嵌套页面,所以只好在div中嵌套,用的是jquery方法。 复制代码代码如下: [removed] $(document).ready(function() { $(“#button”).click(function() { $(“#content”)....
div标签的使用,自己用所学的一点点html做的
本实例着重讲解如何利用`div+css`实现整体布局,并特别关注`float`属性的使用以及`div`的居中处理。 一、`div`元素的运用 `<div>`是HTML中的一个通用容器元素,用于组合其他HTML元素,为它们提供结构。在`div+css`...
如果一段html嵌套过多,在js中获取还是比较麻烦的,我写了几套方案...元素多层嵌套,JS获取问题</title> </head> <body> <div id=box> <span>span <div> <span>span <span>1 </div> <div> <spa
在网页布局设计中,`div ul li` 的嵌套结构是一种常见的实现列表展示的方法,尤其在构建导航栏、产品展示等场景中。然而,当我们在这样的结构中动态添加多个 `li` 元素时,如何让包含它们的 `div` 自动调整高度以...
该html代码是实现DIV居中及DIV垂直居中的实例,包括: div居中, div内文本居中及垂直居中, div嵌套div并居中, div嵌套div并垂直居中.
下面介绍一下div嵌套div时margin不起作用的解决方案。 顺便科普下margin的定义和用法。 div嵌套的HTML代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ...
嵌套DIV布局,会牵扯到CSS的position属性 如果内层DIV将position属性设置为absolute,并设置left,和top等属性,还需要考虑外层DIV的position属性设置。 absolute:absolute绝对定位,直接指定top、left、right、...
学习过程中经常遇到要居中的问题,水平居中问题比较好解决,而垂直居中问题因为vertical-align经常失效,所以不容易实现,今天将自己总结的一些方法归纳于这边。 1.div中单行文字垂直水平居中。条件:外层div高度...
同时,`<div>`内部可以嵌套多个子`<div>`,形成更复杂的层次结构。 对于边框和间距,CSS提供了`border`、`padding`和`margin`属性。例如,添加10像素的内边距和外边距: ```css div { border: 1px solid black; /...
### div里面嵌入视频知识点详解 #### 一、概述 在网页开发中,经常会遇到需要在`div`容器内嵌入视频的需求。这种方式不仅能够增强网页的互动性和吸引力,还能根据设计需求灵活调整视频的位置与样式。本文将详细介绍...
在"嵌套在右边的弹出信息"这个场景中,我们讨论的是如何利用Ajax技术在页面右侧生成一个可动态更新的弹出窗口,展示从服务器获取的信息。这种设计常见于通知、提示或者聊天界面,提供了一种非侵入式的用户体验,用户...
例如,可以使用`<ul>`和`<li>`元素来构建选项卡,使用`<div>`元素包裹内容区域,通过类名区分不同层级。 兼容性是此类组件的另一个重要方面。此项目特别提到在IE6+、Firefox2+、Opera9等浏览器中都能正常工作,这...
2. **顶部和底部圆角**:`.rtop` 和 `.rbottom` 定义了顶部和底部圆角的基本框架,其中包含多层嵌套的`<div>`元素,每个子`<div>`都代表一个圆角部分。 3. **圆角实现**: - `.r1` 至 `.r4` 分别设置了不同的左右...
IE 浏览器滚动条颜色、定义 1px 高度的容器、让层显示在 FLASH 之上、使一个 div 层居中于浏览器中、Firefox 浏览器中嵌套 div 标签的居中问题等八个问题。 一、超链接点击后 hover 样式消失 解决方法:改变 CSS ...