`

float样式对DIV的影响

    博客分类:
  • CSS
 
阅读更多
Float样式对DIV的影响


    示例: 下图中的"在首页中预览"按钮本应该是放在行业目录内容的DIV的正下方,但是因为行业目录内容的div的样式中带有float:left属性,做这个div被悬浮起来了,导致按钮的height属性与行业目录的height属性相同:
.sideproNavBox {width: 245px; height: 243px; float:left; margin-top: 10px;}




因图片多不方便上传,详细内容请下载附件。
分享到:
评论
1 楼 dragonxiong 2012-10-25  
你这是在弄前台还是只弄前台了...

相关推荐

    网页 样式大全集结 div+css样式

    网页样式大全集结,聚焦于`div+css样式`这一核心主题,旨在为开发者提供丰富的样式设计资源和指导。`div`和`CSS`是构建现代网页界面不可或缺的元素,它们一起构成了网页布局的基础。`div`是HTML中的一个块级元素,常...

    CSS+DIV基础(css所有样式+div布局)

    本资源“CSS+DIV基础”显然是一份专为初学者设计的学习资料,涵盖了CSS的所有基本样式以及如何利用DIV进行页面布局。下面将详细阐述这两个核心概念及其重要知识点。 **CSS简介** CSS是一种用于描述HTML或XML(包括...

    div css教程TOP排行榜或新闻列表最标准div css样式表代码写法

    - **流式布局**:可以使用 `float` 属性(如 `float:left`)使`div`元素浮动,创建一个横向排列的列表。每个列表项可以是一个`div`,内部包含标题和描述。 - **网格布局**:利用 `display: grid` 或 `display: ...

    css1--关于float的div撑不起父div的问题

    这个现象的原因在于,当元素浮动后,它会脱离常规文档流,不再对周围的非浮动元素产生直接影响。因此,如果父级元素中只有浮动元素,父级元素就会出现高度塌陷,即它的高度不足以包含所有浮动子元素,除非明确设置了...

    div+css布局制作横向带箭头步骤流程样式

    在网页设计中,`div+css`布局是构建页面结构和样式的重要技术。它通过HTML的`<div>`元素作为容器来组织内容,并利用CSS(层叠样式表)来定义这些容器的外观、位置和样式。`div+css`布局能够实现灵活、可维护的网页...

    DIV+CSS(样式表手册)

    **DIV+CSS(样式表手册)** 在网页设计领域,`DIV+CSS`是一种非常重要的技术,它使得网站布局和样式控制变得更加灵活和高效。`DIV`是HTML中的一个通用容器元素,全称为“Division”,意为“划分”,主要用于组织和...

    div+css float 布局,适配手机

    在这个特定的案例中,“div+css float 布局,适配手机”指的是利用 CSS 的浮动属性 (`float`) 来创建响应式网页布局,以便在手机等移动设备上也能正常显示。 浮动布局(float layout)是 CSS 中一个经典但仍然广泛...

    css+div样式 源码

    下面我们将深入探讨“css+div样式”及其在网页设计中的应用。 1. CSS基础 - 选择器:CSS通过选择器来指定要应用样式的元素,如类选择器(.class)、ID选择器(#id)、元素选择器(element)等。 - 属性:定义元素...

    50个按钮样式css+div

    6. 浮动和定位:`float`用于元素的水平布局,而`position`(static, relative, absolute, fixed)则提供更灵活的定位方式,对按钮排列或居中等布局有重要作用。 7. Flexbox布局:现代CSS布局首选是Flexbox,可以...

    CSS+DIV网页样式与布局案例指导

    《CSS+DIV网页样式与布局案例指导》这本书的配套资源主要涵盖了使用CSS(层叠样式表)和DIV(文档布局元素)进行网页设计的关键技术。CSS是网页样式和布局的重要工具,而DIV作为HTML中的一个容器元素,常用于组织...

    div和css样式的书籍

    ### Div与CSS样式的知识点概览 #### 一、基础知识篇 ##### 1.1 DIV+CSS概述 - **定义**:DIV+CSS是一种网页布局技术,其中“DIV”指的是HTML语言中的`<div>`标签,“CSS”则是Cascading Style Sheets(层叠样式表...

    网站素材下载 CSS+DIV网页样式

    【标题】"网站素材下载 CSS+DIV网页样式" 涉及的是网页设计与开发中的关键技术,主要包括CSS(层叠样式表)和DIV(division,分部)的应用。CSS是用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的...

    50个div和css样式

    在网页设计领域,`div` 和 `css` 是两个至关重要的元素,...在50DivCSS这个压缩包中,很可能是包含了一系列关于`div`和`css`实践的示例,通过学习和实践这些示例,可以加深对`div`和`css`的理解,提高网页设计技能。

    精通div+css网页样式与网页布局

    ### 精通div+css网页样式与网页布局 #### 一、基础知识介绍 **div+css**是一种网站页面布局的方式,它通过结合HTML中的`div`元素与CSS(层叠样式表)来构建和设计网页。这种方式不仅提高了网页的可维护性,还增强...

    CSS.DIV网页样式与布局

    本主题将深入探讨CSS.DIV技术,帮助你理解如何有效地实现网页样式和布局。 一、CSS简介 CSS是一种样式表语言,用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档的外观和格式。它允许我们将样式信息与结构...

    div+css样式与布局实例

    - 通过类(class)或ID(id)属性,我们可以对`<div>`元素进行针对性的CSS样式设置。 2. **CSS基础** - CSS是层叠样式表,用于定义HTML或XML(包括如SVG、MathML等各种XML方言)文档的呈现。 - 基本语法包括选择...

    cssdiv网页样式与布局

    在"精通CSS.DIV网页样式与布局"的教材中,你将深入学习这些概念,通过实例和练习掌握CSS和DIV在网页布局中的应用。这本书可能涵盖了从基本概念到高级技巧,包括如何创建多列布局、导航菜单、响应式设计,以及优化...

    精通CSS DIV网页样式与布局.pdf+书中实例

    - **浮动(float)**:使`<div>`能够左右排列,通常用于实现多列布局。 - **定位(position)**:包括静态定位、相对定位、绝对定位和固定定位,用于精确控制元素的位置。 - **Flexbox**:提供了一种更加高效灵活...

    floatDiv-master.zip

    从压缩包的文件名称列表来看,只有一个目录"floatDiv-master",这通常意味着压缩包解压后会得到一个项目目录,里面可能包含源代码文件、样式表(CSS)、脚本(JavaScript)、图片资源和其他相关文件。项目的结构可能...

Global site tag (gtag.js) - Google Analytics