css float和magin的问题

最新推荐文章于 2024-04-20 21:55:23 发布

yangchang999

最新推荐文章于 2024-04-20 21:55:23 发布

阅读量846

点赞数

本文链接：https://blog.youkuaiyun.com/yangchang999/article/details/6030062

版权

在IE6下当你同时对DIV 设置float和magin属性时，magin会加倍,例如你设置magin-left:2px;实际上位4px;

解决办法是：加上display:inline属性就行了。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

yangchang999

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

css中magin和padding

x_j_k_jysg的博客

07-15

568

外边距样式属性： margin-top样式属性：设置元素的上外边距，该属性有多个值： margin-right样式属性：设置元素的右外边距，该属性有多个值： margin-bottom样式属性：设置元素的下外边距，该属性有多个值： margin-left样式属性：设置元素的左外边距，该属性有多个值： margin样式属性用于在一个声明中设置所有外边距的宽度，或者设置各边上外边距的宽度。该属性有多个值：注意：margin属性可以有 1 到 4 个值：...

CSS高度塌陷问题（float塌陷&margin塌陷）

YANGMENGZHENG的博客

11-08

2619

一、什么是盒子高度塌陷？ 1、解释当父元素没设置足够大小的时候，而子元素设置了浮动的属性，子元素就会跳出父元素的边界（脱离文档流），尤其是当父元素的高度为auto时，而父元素中又没有其它非浮动的可见元素时，父盒子的高度就会直接塌陷为零，我们称这是CSS高度塌陷。 2、代码示例 ...

参与评论您还未登录，请先登录后发表或查看评论

前端知识点之magin的用法与注意事项

Endl_1998的博客

10-04

2119

margin: margin的定义和用法： margin是一个设置所有外边距的属性；注意：块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。使用margin时的注意事项：消除子盒子的margin-top对父级盒子的影响的方法： <!DOCT...

浅析Margin和Padding属性

Android_yh的博客

05-13

7073

在Android布局中，我们经常需要使用Margin和Padding属性，这里记录一下2者的区别，以及使用的注意事项。

margin-left是什么意思

lin123_00的博客

04-27

2万+

margin属性是用于设置元素的外边距，所以margin-left 属性就是用于设置元素的左外边距。下面我们就来看看margin-left的详细内容。 margin-left属性和margin属性一样所有的主流浏览器都支持这个属性 margin-left属性的属性值可以使用负值，下面我们来看margin-left有哪些可用的值 auto：浏览器设置的左外边距。 length：定义固定的左外...

CSS定位（position属性）以及top和magin-top的区别

my_learning_road的博客

10-22

3013

CSS position 属性可以选择 4 种不同类型的定位： static 默认定位，元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中——这种定位是默认的，一般没什么实际的作用。 relative 相对定位，不会脱离文档流，类似于static，按顺序排列，一般设置也不会有什么变化，可以通过margin-top/right/bot

CSS 之margin知识点(必看)

09-24

这一规则适用于所有普通元素，不包含浮动（float）和绝对定位（absolute）的元素。 2. 绝对定位元素的百分比margin值：绝对定位的元素的margin值是相对于第一个定位的祖先元素的宽度进行计算的。举个例子，如果祖先...

详解css使既有浮动又有左右margin的多个元素两端对其

12-14

传统上，这种效果可以通过浮动(float)和负边距(negative margin)的巧妙结合来实现，特别是在CSS3的Flexbox或Grid布局出现之前。首先，我们来理解这种布局的实现原理。假设我们有一组左浮动的元素，每个元素都有...

html+css知识点复习回顾，复习参考

weixin_55935744的博客

11-28

1335

这里写自定义目录标题一、HTML部分1、两个盒子2、图像标签3、相对路径和绝对路径4、超链接标签5、表格标签6、列表标签7、表单标签8、HTML5新特性二、CSS部分1、CSS选择器2、CSS字体属性3、CSS文本属性4、CSS引入方式5、CSS的元素显示模式6、CSS的背景样式7、CSS三大特性8、盒子模型9、传统网页布局的三种方式10、CSS属性书写顺序（规范代码）11、元素的显示与隐藏12、CSS高级技巧13、CSS3新特性一、HTML部分 1、两个盒子 <div>、<span&g

【CSS】深入理解：BFC究竟是什么?

kakaai77的博客

04-20

1018

常见的形成BFC的场景根元素（html,:root）浮动元素（float属性部位none）绝对定位元素（absolute或fixed）行内快元素（display为inline-block）表格单元格（元素的display为table-cell(默认)）表格标题（display为table-caption）

css中padding和magin的区别

weixin_30851867的博客

09-21

334

1.Margin 用来设置页面中一个元素所占空间的边缘到相邻元素之间的距离. 如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。如果只提供一个，将用于全部的四边。如果提供两个，第一个用于上－下，第二个用于左－右。如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。在IE4+，margin属性不可用于td和tr对象。用法:bod...

margin或者padding值为4个、3个、2个、1个的时候分别是什么意思

热门推荐

milklili的博客

08-28

3万+

以margin为例，padding同理 margin为4个时，margin:上右下左;（为顺时针方向） margin为3个时，margin:上左=右下; margin为2个时，margin:上=下左=右; margin为1个时，margin:上=右=下=左;

经典CSS缺陷--margin塌陷问题和margin合并问题

来自星星的博客

01-06

2万+

margin塌陷问题问题描述：在文档流中，父元素的高度默认是被子元素撑开的也就是说子元素有多高，父元素就有多高但是当子元素设置浮动之后，子元素会完全脱离文档流此时将会导致子元素无法撑开父元素的高度，导致父元素高度塌陷代码示例： margin塌陷 .parent{ border

如何解决margin塌陷以及margin合并

shi_1204的博客

05-05

1万+

什么是外边距合并，以及常见的几种情况外边距合并（叠加）是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多混淆。所谓的外边距合并就是，当两个垂直外边距相遇时，它们将形成一个外边距。合并的外边距的高度等于两个发生合并的外边距的高度中的较大者。发生合并的情况有以下几种：两个元素是兄弟关系： .两个元素是父子关系（没有内边距或边框把外边距分割开）：一个空元素，没...

CSS-深入理解之margin

BigKongfuPanda的博客

03-19

1841

在一次面试过程中，面试官问到margin的塌陷的问题，以及margin负值的问题。当时有点蒙，对这块知识点的理解一点都不深入。为了补充这方面的知识，特意去查了一下相关的资料，发现张鑫旭大神在慕课网上有视频讲解。在这里，梳理和总结一下其中的知识点。1. margin可以改变容器的尺寸1.1 margin能够改变可视区域的尺寸的条件适用于没有设定width/height的普通block水平的元素（fl

HTML magin和padding总结

syhfly2333的博客

07-15

749

magin：外边距样式属性例：magin-left：以自身为参考，改变自身的左边的距离 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>边框</title> </head> <body> <--margin:外边距--> <div>大大大大大大大阿达大大啊啊啊啊大</div>

margin：auto

前端日月明

03-18

2943

很多像我这样的小白会疑惑，为什么块级元素margin：auto；只能水平居中，不能垂直居中?css居中问题怼这里我查了一下，原来是这样的：margin百分比是按照包含块的宽度计算的！且padding比例也是按包含块的宽度计算！ <style> *{ margin:0; padding:0; } div{ width:200px; height:180p...

在代码中设置margin

u010217620的博客

08-21

2419

public class MarginActivity extends Activity { private TextView tv; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setCont

magin重叠

路漫漫~

04-11

698

问题如下图，两层Div结构，Outer Div属性为“margin:0 auto”，本该紧贴外框顶部的，如果没有Inner Div，或者没有Inner Div的“margin-top”属性，一切如预期。但是当Inner Div设置了“margin-top:10px”之后，它的父元素Outer Div也被撑出来一个本不该有的“margin-top:10px”效果。这个“问题”……它是CS

el-tabs去掉magin-bottom