div里图片居右左边超出隐藏要怎么写CSS
<divid="test"> <imgsrc=""width=1000pxheight=23px/>...
<div id="test"> <img src="" width=1000px height=23px /></div>这个图片的width要比div的大 我想让图片在div里面居右 左边超出的部分隐藏 CSS要怎么写
展开
5个回答
展开全部
用一个div作为主框架，嵌套图片和文字内容两个div，同时使用浮动功能。
图片向左浮动，文字内容向右浮动，这就形成了两栏。
右边的文字内容又分为两个div，不需要浮动，它会自动上下排列的。
代码如下：
<div id="container">
<div id="photo"><img src="图片地址" /></div>
<div id="content">
<div id="text">文字介绍</div>
<div id="news">新闻内容</div>
</div>
</div>
CSS：
#container {width: 100%;}
#photo {float: left; width: 40%;}
#content {float: right; width: 60%;}。
图片向左浮动，文字内容向右浮动，这就形成了两栏。
右边的文字内容又分为两个div，不需要浮动，它会自动上下排列的。
代码如下：
<div id="container">
<div id="photo"><img src="图片地址" /></div>
<div id="content">
<div id="text">文字介绍</div>
<div id="news">新闻内容</div>
</div>
</div>
CSS：
#container {width: 100%;}
#photo {float: left; width: 40%;}
#content {float: right; width: 60%;}。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div align="right" style="width:300px; height:300px; overflow:hidden;"><img style="float:right;" src="
https://gss0.bdstatic.com/70cFsj3f_gcX8t7mm9GUKT-xh_/avatar/100/r6s1g4.gif" width="1210" height="121" /></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
div#test { width: 100px; text-align: right; overflow: hidden; }
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
div 的css加 overflow:hidden;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
#test { width: ; height: ; overflow: hidden; }
#test img{width:1000px; height:23px; position:absolute; top:0px; left:100%; margin:0px 0px 0px -1000px;}
#test img{width:1000px; height:23px; position:absolute; top:0px; left:100%; margin:0px 0px 0px -1000px;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
