为什么auto对div没有作用

2024-11-04

div标签width:auto无效

1,因为div标签默认是display:block,独占一行,宽度为父元素的100%,但是高度是auto,跟随内部内容而定.所以要想设值父元素随子元素的宽高,那么就要设置div标签为display:inline-block,然后width:auto,如果此时想居中的话,就margin:0 auto; 2,注意float没有clearfix导致的父元素塌陷问题:宽高不能设值还都为0.

嵌套div中margin-top转移问题的解决办法在这两个浏览器中,有两个嵌套关系的div,如果外层div的父元素padding值为0,那么内层div的margin-top或者margin-bottom的值会“转移”给外层div. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&q

【C++】C++中typedef、auto与decltype的作用

typedef 类型别名(type alias)是一个名字,使用typedef不会真正地创建一种新的数据类型,它只是已经存在数据类型的一个新名称.语法: typedef type name; 其中type是c++中的数据类型,name是这个类型的一个别名. C++11提供了引用的功能,关于引用的详细介绍可以参考笔者之前的文章.引用为变量提供别名,typedef则是为类型提供别名. 例如: #include <iostream> int main(){ ;//使用int定义变量m typedef

div的作用

<div></div>主要是用来设置涵盖一个区块为主,所谓的区块是包含一行以上的数据,所以在<div></div>的开始之前与结束后,浏览都会自动换行,所以夹在<div></div>间的数据,自然会与其前后文隔开而自成一区快主要设置页面的布局定义方位,布局 <%@ page language="java" import="java.util.*" pageEncoding="U

IE下div使用margin:0px auto不居中的原因

IE下div使用margin:0px auto不居中的原因一般在将div居中显示时,使用css: divX {margin:0 auto;} 此css在firefox下是好的,但是在ie下不起作用,网上看到原因如下:<div id="cnbruce">margin: 0 auto 看看内容居中否</div>如上调试结果,IE6.0是不居中的,当然解决的办法可以是对网页主体“<body>”声明文本居中,即[ Copy ] [ Run ] [ Save

转载：IE下div使用margin:0px auto不居中的原因

转自:http://www.blogjava.net/sealyu/archive/2010/01/08/308640.html 一般在将div居中显示时,使用css: divX {margin:0 auto;} 此css在firefox下是好的,但是在ie下不起作用,网上看到原因如下:<div id="cnbruce">margin: 0 auto 看看内容居中否</div>如上调试结果,IE6.0是不居中的,当然解决的办法可以是对网页主体“<body&

在页面中有overflow-y:auto属性的div,当出现滚动条，点击返回顶部按钮，内容回这个div最顶部

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <style> .lala{ width: 10%; background: pink; color: #333; height: 200px; overfl

11高级网站构建：div和span

用<div>元素把属于一个逻辑部分的元素包围起来.可以用id属性为<div>提供一个唯一的标签. <div>的作用:1.更深一步展示页面的基本逻辑结构(相当于一个逻辑容器).2.用结构把样式应用到某一部分(相当于一个图形容器).嵌套结构也是很常见的,可以在结构上添加结构(即<div>可以嵌套使用). width属性可以用来定义内容区的宽度.不能定义整个元素的宽度,只能定义内容区.补白.边框和边界的宽度,把这些全加起来就是整个元素的宽度.块元素的默认宽度是&q

网页代码DIV+CSS布局积累

11.17 CSS英文命名在写CSS的时候,经常为一些名字而发愁,比如说菜单后面的背景要用什么词来表示呢?大家都知道,菜单一般用menu来表示,那么菜单后面的背景我会用menubg,CSS里就写#menubg {-}.还有一些其他的比如搜索框之类的应该怎么命名呢?下面有一些可以算得上是标准的命名吧.如果有错误或者遗漏请朋友们帮忙补上,谢谢! CODE:页头:header登录条:loginbar标志:logo侧栏:sidebar广告:banner导航:nav子导航:subnav菜单:menu子菜单

margin:0px auto和text-align:center区别

(1)margin:0px auto :作用于块级元素,对块级元素进行居中 (2)text-align:center:作用于内联元素,必须放在要居中的内联元素所在的块级元素. 例: (1) <div> <div style="margin:0px auto;">test</div> </div>  (2) <div style="text-align:center&quo

css div居中

div中没有text-align和vehicle-align这两个属性,所在在css中设置这两个值没有作用 div 水平居中设置左右边距有auto div{ margin: 0 auto; } 垂直居中 div中文字居中:将div的行高设置和其高度一样的值 div{ height:200px; line-height:200px; } div中图片居中将div的行高设置跟其高度一样的值,将其中的图片套上标签1和div同时垂直居中 div{ width:200px; height:200px;

jQuery-niceScroll使用中父子div都存在滚动条导致错位的问题

1.做项目时因为客户要求改变了项目的整体样式,所以导致浏览器自带的滚动条样式与项目的样式风格格格不入,所以要使用一个滚动条插件来替换浏览器自带的滚动条,我在网上搜了下,发现niceScroll这个滚动条插件还是十分完善的,也有很多人使用,大家可以在github上下载:点击这里! 2.要使用滚动条插件,我们必须先引入插件的js文件,这里要注意的是niceScroll插件是基于jQuery的,所以我们必须在引入滚动条插件之前先引入jQuery的js文件.引入之后我们便可以使用滚动条了.在项目中要是先

margin:0 auto为何会居中?

margin: 0 auto;为何会居中呢??? 一开始的学习html的时候,就是只知道块级元素margin:0 auto就能居中但是后来就很好奇 margin: auto 0;为何不能垂直居中? margin: 0 auto 0 0;如果只设置一个margin会发生什么? 现在我们就开始学一下首先如果想要设置居中,width是必须设置的,如果不设置width元素,那么块级元素一定会占据100%的宽度,margin:0 auto的auto是指平分剩余空间,比如宽度为200,父元素的宽度为10

Doctype作用，标准模式与兼容模式的区别

<!DOCTYPE>声明位于位于HTML文档中的第一行,处于 <html> 标签之前.告知浏览器的解析器用什么文档标准解析这个文档.DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现. 标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行.在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作. HTML5 为什么只需要写 <!DOCTYPE HTML>? HTML5 不基于 SGML,因此不需要对DTD进行引用,但是需

使div下的图片自适应div的大小

div img{ max-width:100%; height:auto; } 这里div 要给固定的宽度开始这里还想了半天用网上的方法也不行问老大又一句话就给我解决了...老大真男神啊!!! 哎小菜比继续努力...

[MVC] DIV 布局

[MVC] DIV 布局 <style> .top { background-color: red; height: 50px; top: 0px; position: absolute; left: 0; width: 100%; } .bottom { background-color: green; width: 100%; height: 100px; bottom: 0; position: absolute; left: 0; } .middle { background-colo

如何垂直居中div？面试经常问到

水平居中:给div设置一个宽度,然后添加margin:0 auto属性 div{ width:200px; margin:0 auto;} 让绝对定位的div居中 ;;;;} 重点来了! 水平垂直居中一确定容器的宽高宽500 高 300 的层设置层的外边距 div { position: relative; /* 相对定位或绝对定位均可 */ width:500px; height:300px; top: 50%; left: 50%; margin: -150px 0 0 -250px;

div根据内容改变大小并且左右居中

div{ display:inline-block; width:auto; } 这个div的父元素text-align:center;

C++11特性：auto关键字

前言本文的内容已经不新鲜了.关于auto,翻来覆去被人知道的都是这些东西,本文并没有提出新颖的auto用法. 本人原是痛恨博客一篇篇都是copy而来缺乏新意的探索,当然,本文不是copy而来,但发布这样一篇大家皆知的文章心里甚是惶恐. 本文对auto的内容加以整理,权当是自己的复习笔记了. C++98 auto 早在C++98标准中就存在了auto关键字,那时的auto用于声明变量为自动变量,自动变量意为拥有自动的生命期,这是多余的,因为就算不使用auto声明,变量依旧拥有自动的生命期: in

DIV的摇晃效果---jquery实现

DIV的摇晃效果---jquery实现 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-

IE下margin:0 auto为什么不居中？

http://blog.sina.com.cn/s/blog_68c6be330101k7kn.html 我们经常用DIV+CSS布局网页的时候,正常情况下需要将div居中显示时,使用Css样式:margin:0 auto就可以了,但有时使用margin:0 auto后在FireFox浏览器.谷歌Chrome浏览器里能居中,而在IE678里却不能不居中. 例如以下代码: <style type="text/css"> #con{width:980px;martin:0 au