float后设置width的作用

2024-09-07

行内元素（例如）设置float之后才能用width调整宽度

因为只有块元素才会有物理属性,在css世界里边,有三种形态的东西, 1. 块元素. 特性:有物理属性,width,height写值起作用,而且要占据一行.2. 内联元素. 特性:没有物理属性.但是margin,padding值有用.不占据一行,后边可以有兄弟元素.3. 即是块又是内联,根据兄弟兄弟元素决定. 为什么是float之后才会有物理属性,这就是块与内联元素相互转化的问题.块元素 -> 内联元素: display:inline;内联元素 -> 块元素: display:block; fl

div宽度设置width:100%后再设置padding或margin超出父元素的解决办法

div宽度设置width:100%后再设置padding或margin超出父元素的解决办法一.总结一句话总结:直接加上box-sizing:border-box;即可解决上述问题. 1.box-sizing的三个属性分别是什么? 根据意思来记很好记的值一.content-box (向外边框) 值二.border-box (向内边框) 值三.inherit (继承爸爸) 2.设置边框的样式用什么属性? box-sizing box-sizing:border-box; 二.div宽度设置wi

子div设置float后导致父div无法自动撑开的问题

子div设置float后会导致父div无法自动撑开原因:内部的DIV因为float:left之后,就丢失了clear:both和display:block的样式,所以外部的DIV不会被撑开. 以下是几种解决办法(假设父div的class为“container”): 方法1.使用伪类 .container:after{ content: "."; display: block; ; clear: both; visibility: hidden; } .container{ displ

input 设置 width:100% 和padding后宽度超出父节点

input 设置 width:100% 和padding后宽度超出父节点添加如下css即可: box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;

关于label和span设置width无效问题解决方法

转:http://www.jb51.net/web/113507.html 大家可能不知道默认情况下label.span 设置width 是无效的,只有当display:block时,我们所设置的width才有效果 display:block; 这样就可以了.但是他会自动加一个换行,如果不想换行的话,可以用 display:inline-block; 这样就不会换行了.. 补充一下如何画出 '口口' 应该用 display:inline; float:left; 但是一定要在后面的

Canvas设置width与height 的问题！

最近因为工作需要,所以就学了一下Html中的Canvas标签. 当我看了一下教程后,自己写了一个hello world的时候,麻烦事就出现了.看下面代码: <!DOCTYPE html> <html lang="en"> <body> <canvas id="canvas1" style="width: 200px;height: 200px; border:1px solid black;"> &

使用layer.msg 时间设置不起作用

前几天使用layer.msg设置时间后发现不起作用,这里记录一下. 开始出错误的代码: 后面查看文档后得知调用layer.msg后如果有后续操作需要写在function()中: //eg1 layer.msg('只想弱弱提示'); //eg2 layer.msg('有表情地提示', {icon: 6}); //eg3 layer.msg('关闭后想做些什么', function(){ //do something }); //eg layer.msg('同上', { icon: 1, time:

登陆后设置cookie的方法

public void SetCookie(string userName, string role,string cookieValueName) {FormsAuthentication.FormsCookieName FormsAuthenticationTicket myTick = , userName, System.DateTime.Now.AddMinutes(),DateTime.Now, false, role); string encryptTick=FormsAuthen

android中，如果使用imageButton可以在drawable 中设置一个selector,但是imageView设置不起作用

android中,如果使用imageButton可以在drawable 中设置一个selector,但是imageView设置不起作用,只要把Imageview的src给去掉就成了,src捕获了background本应获得焦点导致,具体原因可查看这两者的区别. <ImageView android:id="@+id/mute_icon" android:layout_width="wrap_content" android:layout_height=&quo

DataTable的名称要后设置

string sqldatabase = string.Format(dr["sql"].ToString(), drpat["PATIENT_ID"].ToString()); string tablename = dr["SQL_NAME"].ToString(); DataTable dtdatabasedata = new DataTable();

canvas里设置width和css里设置width和js里设置width的区别

canvas.width 和它的style.width是不一样的: canvas是个画布,有他自己的宽和高(默认是没有单位的纯数字),就是canvas.width和canvas.height的宽和高, 行间样式里如果你用vh和vw设置宽高,不好意思,不可以,统统按照px计算, css里可以用vw,vh.但是,请记住,这里设置的是style.属性; js里用带有单位的字符串比如vw和vh还有px,设置width和height,还是不好意思,不好使, 这样就不好使!!! (style属性是表现在页

解决table宽度设置不起作用,由于内容问题被撑开亲测完美解决

1.在table 标签添加样式 table-layout: fixed; 必须设置width的值:<table style="table-layout: fixed"><td style="width:50px;"></td></table> 2.在如果th的宽没有设置,那么在td里面添加一个节点,如果div,通过设置td里面节点的width值来达到控制td的width的值:<td><div styl

为什么子元素设置margin-top会作用在父元素上？

原因在于:CSS 外边距合并复现: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> html * { margin:0; padding: 0; } </style> <body> <

ZT fcntl设置FD_CLOEXEC标志作用

fcntl设置FD_CLOEXEC标志作用分类: C/C++ linux 2011-11-02 22:11 3217人阅读评论(0) 收藏举报 bufferexegccnullfile 通过fcntl设置FD_CLOEXEC标志有什么用? close on exec, not on-fork, 意为如果对描述符设置了FD_CLOEXEC,使用execl执行的程序里,此描述符被关闭,不能再使用它,但是在使用fork调用的子进程中,此描述符并不关闭,仍可使用. eg: jamie@jamie-

VMware虚拟机安装Centos7后设置静态ip

VMware虚拟机安装Centos7后设置静态ip 1. 先设置虚拟机的网络,打开虚拟网络编辑器: 2. 选择Vm8 234都要勾选 3. 打开NAT设置,看到123,待会要用. 4. 打开虚拟机服务器: cd /etc/sysconfig/network-scripts/ ls 查看 vi ifcfg-ens33 TYPE=Ethernet PROXY_METHOD=none BROWSER_ONLY=no BOOTPROTO=static DEFROUTE=yes IPV4_FAILURE_

关于vue项目去除margin和padding后设置元素width和height为100%后，出现滚动条问题（移动端）

bug点,这个页面设置100%(100vw和100vh).页面出现抖动. 经过一番检察,原因出现在,vue项目自动添加的一个div上.就是body里的最后一个.如果选中这个元素,右键删除它.页面就不会抖动了. 说不定,这个元素还有什么用,所以不考虑有js删除.后来想到把他设置成position为fixed.让他脱离文本流. 一看最外层的div没有class和id不好选中.但是发现子元素有,所以我们把子元素都设置成fixed就行了. 只要在你的重置样式里,加上这段css就可以了. #trans-

子div设置float后会导致父div无法自动撑开

本文是从简书复制的, markdown语法可能有些出入, 想看"正版"和更多内容请关注简书: 小贤笔记注: 文章部分转载彩泉 - 博客园原因:内部的DIV因为float:left之后,就丢失了clear:both和display:block的样式,所以外部的DIV不会被撑开. 以下是几种解决办法(假设父div的class为"container"): 方法1.使用伪类 container::after{ display: block; height:0; co

Stuts2的"struts.devMode"设置成true后，不起作用，仍需要重启tomcat

在项目的struts.xml加入了常量配置:<constant name="struts.devMode" value="true" />后,重启服务器.项目后续开发中,修改action.java或者struts.xml仍然需要重启tomcat,和没有配置这个常量是一样的. 不要用 <constant name="struts.devMode" value="true" />改成: <consta

关于struts2.0 中 struts.xml设置了struts.devMode 的值为TRUE后仍然不起作用的分析

首先确认jdk 和tomcat的环境变量是否配置正确. 下面是配置方式 jdk的环境变量配置步骤: 安装j2sdk以后,需要配置一下环境变量,在我的电脑->属性->高级->环境变量->系统变量中添加以下环境变量(假定你的j2sdk安装在c:\j2sdk1.4.2): JAVA_HOME=c:\j2sdk1.4.2 classpath=.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;(.;一定不能少,因为它代表当前路径) path

Stuts2的 "struts.devMode" 设置成true后，不起作用，仍需要重启tomcat

不要用 <constant name="struts.devMode" value="true" />改成: <constant name="struts.configuration.xml.reload" value="true"/>就OK了下面是4个开发模式常用配置的简介---  <!-- <constant name=&qu

Stuts2的"struts.devMode"设置成true后，不起作用的解决的方法

不用 <constant name="struts.devMode" value="true" /> 改成 <constant name="struts.configuration.xml.reload" value="true"/> 有人说是由于tomcat加了空格的问题,详细不清楚. 以下是4个开发模式经常使用配置的简单介绍---

float后设置width的作用

热门专题