width属性对布局的影响?

问题描述

width属性对布局的影响?

在布局时,发现width属性对布局有很大的影响,
比如,在div内,如果div中设置width较小,那么即使float设为left,那么div中的元素
也是上下浮动,而不是左右浮动。

在div外,即使div的float设为left,但如果上一个div的width太宽,
那么下一个div也会上下浮动。

这是什么原因?

解决方案

会不会是因为你设置width 没有设置height ,height会按width同比例变化....

解决方案二:

关于CSS3中transform属性对元素布局的影响。

时间: 2024-08-03 23:28:02

width属性对布局的影响?的相关文章

Span元素的width属性无效果原因及解决方案_javascript技巧

先运行下程序看下: <span style='background-color:#336699;width:300px;'>123</span> 输出:123 可以看到 span会自动根据包含的内容来变化宽度 这是因为:对于内联元素(可以是默认即为内联的比如 span 元素,也可以是 display: inline 的元素) width 和 height 只在 IE5.x 下和 IE6 或更新版本的 quirks 模式下触发 hasLayout .而对于 IE6,如果浏览器运行于标

详细学习CSS中的网页布局的属性

css|网页 布局(Layout)属性: 在以前的HTML里,元素的位置只能靠元素的依次排列觉得,而在CSS里你可以更精确的定位元素.Netscape曾提出过Layer标记,它对于精确布局很有好处,但是并没有被W3C承认,W3C在CSS提出了类似于Layer标记的功能. position属性: position属性用来决定元素的位置类型,详见属性: 属性名称: 'position'属性值: absolute | relative | static初始值: static适合对象: 所有元素是否继承

Android布局中涉及的一些属性

Android:gravity属性     线性布局常见的就是利用LinearLayout进行布局,其中有个比较重要的属性就是android:gravity,在官方文档中是这么描述这个属性的:指定一个元素怎么放置它的内容,包括在X和Y轴,在它自己的边框中. 下面我们将在一个简单的TextView中应用android:gravity属性.假设我们想要TextView内的内容在右侧显示,那么我们就可以编写对应的XML布局 <LinearLayout xmlns:android="http://

HTML表格宽度和高度属性WIDTH

  网页制作Webjx文章简介:默认情况下,表格的宽度和高度根据内容自动调整,我们也可以手动设置表格的宽度和高度. 默认情况下,表格的宽度和高度根据内容自动调整,我们也可以手动设置表格的宽度和高度. 基本语法 <TABLEWIDTH=VALUEHEIGHT=VALUE> 语法解释 通过WIDTH属性定义表格的宽度,HEIGHT属性定义表格的高度,单位是像素或百分比.如果是百分比,则可分为两种情况:如果不是嵌套表格,那么百分比是相对于浏览器窗口而言:如果是嵌套表格,则百分比相对的是嵌套表格所在的

HTML表格宽度和高度属性WIDTH、HEIGHT

默认情况下,表格的宽度和高度根据内容自动调整,我们也可以手动设置表格的宽度和高度. 基本语法     <TABLE WIDTH=VALUE HEIGHT=VALUE> 语法解释 通过WIDTH属性定义表格的宽度,HEIGHT属性定义表格的高度,单位是像素或百分比.如果是百分比,则可分为两种情况:如果不是嵌套表格,那么百分比是相对于浏览器窗口而言:如果是嵌套表格,则百分比相对的是嵌套表格所在的单元格宽度. 文件范例:10-3.htm 设定表格的宽度和高度. 01  <!-- -------

html-关于CSS中的属性width

问题描述 关于CSS中的属性width 为什么在CSS中定义的width,用FSCapture工具测量时,却发现不吻和,为什么会这样啊 解决方案 看下margin padding等,用IE F12或者Chrome带的开发工具等具体看下. 解决方案二: width属性仅为内容区宽度,不包括padding.border.margin:......答案就在这里:CSS width属性 解决方案三: 你测量这个干什么呀????????? 解决方案四: 这种情况应该是浏览器设置了缩放,你检查一下浏览器设置

学习CSS教程:学习CSS网页布局

文章简介:你也许知道什么叫选择器,什么叫属性,什么叫数值,也许你对css布局略懂一二,但这还远远不够.如果你想着从头开始学习HTML和CSS的话,我建议你认真查看下 this tutorial. 否则,在工作的时候,你依然陷入迷惘的泥潭中苦苦挣扎. 这个篇文章介绍的是现在广泛使用于网站布局领域的CSS基础. 你也许知道什么叫选择器,什么叫属性,什么叫数值,也许你对css布局略懂一二,但这还远远不够.如果你想着从头开始学习HTML和CSS的话,我建议你认真查看下 this tutorial. 否则

CSS网页制作技巧:DIV+CSS网页布局常犯错误汇总

文章简介:随着CSS网页布局越来越普及,国内大部分网站已经采用CSS网页布局的制作方法.在应用DIV+CSS编码时很容易犯一些错误,这里列举一些常见的错误,帮助新手朋友更好的学习与进步. 随着CSS网页布局越来越普及,国内大部分网站已经采用CSS网页布局的制作方法.在应用DIV+CSS编码时很容易犯一些错误,这里列举一些常见的错误,帮助新手朋友更好的学习与进步. 一.检查HTML元素是否有拼写错误 是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系.可以用dreamweaver的验证功能检

CSS的未来:鲜为人知的CSS 2.1和CSS3属性

文章简介:最伟大的财富隐藏在Webkit的下面,而且在iPhone.iPad和Android apps的时代,开始了解它们会灰常有用.就连Firefox等使用的Gecko引擎,也提供了一些独特的属性.在本文中,我们将看一下鲜为人知的CSS 2.1和CSS3属性以及它们在现代浏览器中的支持情况. 原文:CSS的未来:一些试验性CSS属性译自:The Future Of CSS: Experimental CSS Properties请尊重版权,转载请注明来源,多谢! 尽管现代浏览器已经支持了众多的