CSS 里面的float的问题

发布网友发布时间：2022-04-06 10:29

共1个回答

热心网友时间：2022-04-06 11:59

话说你们老师是你是就会按照课本给你们读啊？那典型的坑爹啊。首先，如果不设定宽度的情况下进行浮动他的宽度是按照内容的宽度限定的，比如里面的内容的宽度是200px，那这个div的宽度就是200px，如果里面的内容是1000px，那这个div的宽度就是1000px，一般不会不设定宽度的，因为这样会造成页面不规范，在内容不同的情况下div的宽度也是不一样的，从而使页面的效果达不到自己想要的。至于你们老师说的那种方法也不能算错，但是实际用法中是没有人会那样做的。其次，至于什么时候用float什么时候用position:absolute;的问题：一般的布局最好不要用定位，当然如果想用定位也不是不可以，但要做好相对定位，但是用定位的话没有办法使里面的内容的高度自适应。用float的时候要做好宽度，同时都要写好浮动，如果右面的不写浮动，只写左面的在ie8+是没有什么问题的，但是在ie7的时候是换行显示的，会造成不兼容。position:absolute;的问题一般是在页面中的效果存在重叠的部分，比如下图的样式

给红框加上一个相对定位position:relative；并且限定宽高，然后给绿框中的部分用绝对定位position:absolute;注意相对定位的标签最好加上固定宽高，不然绝对定位的时候有可能定位不到自己想要的位置。