CSS不浮动怎么设置宽度自适应？
CSS中设置float之后，宽度不是会自适应嘛，border也会刚好到把里面的内容包住。问怎么在不浮动的情况下设置宽度自适应呢（就是宽度调节到刚好包住块中的内容）。小白问...
CSS中设置float之后，宽度不是会自适应嘛，border也会刚好到把里面的内容包住。
问怎么在不浮动的情况下设置宽度自适应呢（就是宽度调节到刚好包住块中的内容）。
小白问题，高手不要想太多…… 展开
问怎么在不浮动的情况下设置宽度自适应呢（就是宽度调节到刚好包住块中的内容）。
小白问题，高手不要想太多…… 展开
展开全部
这个好像不行吧？
如果这个DIV是嵌在另一个容器里面的话，可以把宽度设置成百分比，这样就会自适应了，想让它根据内容变化宽度应该是不行的，只能说内容可以根据容器变换宽度。
而且如果想要2个DIV并排放的话，必须要设置成相同的浮动，否则会出现兼容性问题。
如果这个DIV是嵌在另一个容器里面的话，可以把宽度设置成百分比，这样就会自适应了，想让它根据内容变化宽度应该是不行的，只能说内容可以根据容器变换宽度。
而且如果想要2个DIV并排放的话，必须要设置成相同的浮动，否则会出现兼容性问题。
追问
可是那为什么浮动后就可以了呢，那你告诉我怎么在浮动之后定位在父块的正下方呢？
追答
不浮动的话，它们会上下排列，想要并排的话必须浮动。
想要设置在父块的正下方，需要定好尺寸，然后设置上、左、右边距，这些都是计算出来的。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
完整HTML+CSS代码 :
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>DIVCSS5小实例</title> <style> .case{ float:left} </style> </head> <body> <div>未设置float内容一</div> <div>未设置float内容二</div> <div class="case">加float样式的内容三</div> <div class="case">对其加float样式的内容四</div> </body> </html>
关键代码：对div加float浮动样式，让其宽度非100%开始，而是随内容多少而改变，想span初始宽度一样随内容增加而增宽。
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>DIVCSS5小实例</title> <style> .case{ float:left} </style> </head> <body> <div>未设置float内容一</div> <div>未设置float内容二</div> <div class="case">加float样式的内容三</div> <div class="case">对其加float样式的内容四</div> </body> </html>
关键代码：对div加float浮动样式，让其宽度非100%开始，而是随内容多少而改变，想span初始宽度一样随内容增加而增宽。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
float就是浮动的意思啊，你要想宽度自适应，你直接写width：100%就OK了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
width:100%; 或者你在div里面加个table 叶可以显示自适应
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以使用js脚本实现
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
