`
radzhang
  • 浏览: 310932 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

关于嵌套Div的一些问题

    博客分类:
  • html
 
阅读更多

用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溢出时换行

    在网页设计中,"div嵌套的div溢出时换行"是一个常见的布局问题,尤其在处理响应式设计或者自适应屏幕尺寸时显得尤为重要。这个问题涉及到CSS(Cascading Style Sheets)布局、盒模型以及流体布局等概念。下面将详细...

    div嵌套html不用iframe

    最近在做作业中需要在不用iframe的情况下嵌套页面,所以只好在div中嵌套,用的是jquery方法。 复制代码代码如下: [removed] $(document).ready(function() { $(“#button”).click(function() { $(“#content”)....

    2.html对于div的嵌套使用

    div标签的使用,自己用所学的一点点html做的

    div+css整体布局

    本实例着重讲解如何利用`div+css`实现整体布局,并特别关注`float`属性的使用以及`div`的居中处理。 一、`div`元素的运用 `&lt;div&gt;`是HTML中的一个通用容器元素,用于组合其他HTML元素,为它们提供结构。在`div+css`...

    JS获取元素多层嵌套思路详解

    如果一段html嵌套过多,在js中获取还是比较麻烦的,我写了几套方案...元素多层嵌套,JS获取问题&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div id=box&gt; &lt;span&gt;span &lt;div&gt; &lt;span&gt;span &lt;span&gt;1 &lt;/div&gt; &lt;div&gt; &lt;spa

    div ul li 嵌套后如何解决增加多个li后DIV高度自适应问题

    在网页布局设计中,`div ul li` 的嵌套结构是一种常见的实现列表展示的方法,尤其在构建导航栏、产品展示等场景中。然而,当我们在这样的结构中动态添加多个 `li` 元素时,如何让包含它们的 `div` 自动调整高度以...

    DIV居中及DIV垂直居中.html

    该html代码是实现DIV居中及DIV垂直居中的实例,包括: div居中, div内文本居中及垂直居中, div嵌套div并居中, div嵌套div并垂直居中.

    HTML中div嵌套div的margin不起作用的解决方法

    下面介绍一下div嵌套div时margin不起作用的解决方案。 顺便科普下margin的定义和用法。 div嵌套的HTML代码: &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta ...

    CSS 嵌套DIV布局(position属性)

    嵌套DIV布局,会牵扯到CSS的position属性 如果内层DIV将position属性设置为absolute,并设置left,和top等属性,还需要考虑外层DIV的position属性设置。 absolute:absolute绝对定位,直接指定top、left、right、...

    纯css多种方法实现div中单行文字、多行文字及嵌套div垂直水平居中

    学习过程中经常遇到要居中的问题,水平居中问题比较好解决,而垂直居中问题因为vertical-align经常失效,所以不容易实现,今天将自己总结的一些方法归纳于这边。 1.div中单行文字垂直水平居中。条件:外层div高度...

    关于DIV的各种样式

    同时,`&lt;div&gt;`内部可以嵌套多个子`&lt;div&gt;`,形成更复杂的层次结构。 对于边框和间距,CSS提供了`border`、`padding`和`margin`属性。例如,添加10像素的内边距和外边距: ```css div { border: 1px solid black; /...

    div里面嵌入视频

    ### div里面嵌入视频知识点详解 #### 一、概述 在网页开发中,经常会遇到需要在`div`容器内嵌入视频的需求。这种方式不仅能够增强网页的互动性和吸引力,还能根据设计需求灵活调整视频的位置与样式。本文将详细介绍...

    嵌套在右边的弹出信息ajax技术

    在"嵌套在右边的弹出信息"这个场景中,我们讨论的是如何利用Ajax技术在页面右侧生成一个可动态更新的弹出窗口,展示从服务器获取的信息。这种设计常见于通知、提示或者聊天界面,提供了一种非侵入式的用户体验,用户...

    多级嵌套选项卡_多级嵌套舌签Tabs

    例如,可以使用`&lt;ul&gt;`和`&lt;li&gt;`元素来构建选项卡,使用`&lt;div&gt;`元素包裹内容区域,通过类名区分不同层级。 兼容性是此类组件的另一个重要方面。此项目特别提到在IE6+、Firefox2+、Opera9等浏览器中都能正常工作,这...

    让div圆角显示

    2. **顶部和底部圆角**:`.rtop` 和 `.rbottom` 定义了顶部和底部圆角的基本框架,其中包含多层嵌套的`&lt;div&gt;`元素,每个子`&lt;div&gt;`都代表一个圆角部分。 3. **圆角实现**: - `.r1` 至 `.r4` 分别设置了不同的左右...

    网页设计师DIV+CSS面试宝典

    IE 浏览器滚动条颜色、定义 1px 高度的容器、让层显示在 FLASH 之上、使一个 div 层居中于浏览器中、Firefox 浏览器中嵌套 div 标签的居中问题等八个问题。 一、超链接点击后 hover 样式消失 解决方法:改变 CSS ...

Global site tag (gtag.js) - Google Analytics