css中width为auto(不设置width)margin-left和margin-right为负 - 代码天地

css中width为auto(不设置width)margin-left和margin-right为负

服务端 2019-05-08 06:50:50 阅读次数: 0

此时的效果是:

如果此时给main盒子添加width,具体的像素或百分比都可以，看是什么效果?

改成百分比，看是什么效果?

此时的效果:

为负数是否对后面的元素有影响，有什么影响?

此时的效果:

通过设置margin为负数可以产生很多其他的效果，可以多研究一下。。。。

猜你喜欢

转载自blog.51cto.com/11871779/2390692

css中width为auto(不设置width)margin-left和margin-right为负

margin-left:auto;margin-right:auto; 不启用的原因

margin-left:auto;margin-right:auto;不起作用

ios 当margin-left margin-right 超过设备宽度

CSS: 居中一个宽度为auto的块元素 (width:auto;margin:auto) center an auto-width div

web开发 width=100% 设置margin-right无效解决办法

css中margin-left与left的区别

css 两列左侧列固定 width: 100px; float: left; 右侧列自适应 margin-left:100px; 注意要用在div上的style

css top,right,bottom,left设置为0有什么用？它和width:100%和height:100%有什么区别？

el+vue实战 ① 为什么有时候margin-left没有效果，而margin-right有效果？

三栏布局，margin-right负值，float：left

html-css表单的margin-right/padding-right属性设置无效解决办法

flex 布局设置最后一个元素靠右 margin-left: auto

width 和 height 值为 auto 总结

width 为 100% 和 auto 的区别

CSS中width:100%和width:auto的区别

margin-left:0和margin-left:-100%有什么区别？

CSS中 height/width取值为百分比时参考值以及 padding/margin(内外边距)设置为百分比时的参考值

理解margin-left：-100%

调css时候，设置margin-left没有效果

CSS双飞翼布局和圣杯布局margin-left:-100%;等内容理解

position理解、margin-left与left的区分

css中设置margin-right:50px，其它浏览器统统没问题，但在ie6下样式出现错位

【为什么？】CSS 设置margin:'0 auto'；不生效

CSS属性中的width：auto；或不设跟width：100%；的区别

css中margin为负值的情况。

【CSS__宽度】css width: auto;和width: 100%;的区别

【学习】CSS中width:100% 、 width:auto、width:80%、width：100rpx的区别

width为auto或者100%的区别

margin-left:-100%的真正含义

今日推荐

开源日报 | Chrome内置Gemini的意义不在于Gemini；中国AI追随之路的五大误区；ECharts创始人“下海”养鱼；谷歌I/O开发者大会什么都有，只是没有惊喜

微软回应中国区AI团队“打包赴美”传闻

基于大语言模型的开源知识库问答系统 MaxKB GitHub Star 数量突破 5,000 个！

美国拟限制 AI 大模型出口中国和俄罗斯

苹果将与 OpenAI 达成协议，将 ChatGPT 应用于 iPhone

openKylin 社区生态委员会第六次会议圆满召开

阿里云正式发布通义千问 2.5

Python 3.13 发布首个 Beta：实验性自由线程模式和 JIT、改进交互式解释器

Stack Overflow 拿我的代码去训练 AI 大模型，还封了我的账号

Pop!_OS 的 COSMIC 桌面完成 App Store 上架工作

《2024 年一季度互联网投融资运行情况》研究报告

报告：Django 仍然是 74% 开发者的首选

周排行

返回指定时间格式

fopen函数中的mode参数

Java 单例模式探讨

Flex remoteobject工作原理探讨

寻找mplayer的便捷安装方法

30天了解30种技术系列---(26)MySQL自动化运维工具Inception

关于Jboss/Tomcat/Jetty的JNDI定义123

程序减肥，strip，eu-strip 及其符号表

AsyncTask、View.post(Runnable)、ViewTreeObserver三种方式总结frame animation自动启动

Json和Bean的互相转换

每日归档

更多

2024-05-15(24)

2024-05-14(0)

2024-05-13(18)

2024-05-12(0)

2024-05-11(38)

2024-05-10(38)

2024-05-09(35)

2024-05-08(42)

2024-05-07(14)

2024-05-06(40)