Partielle de la Frontière dans le CSS
J'ai deux divs avec des bords comme sur la photo ci-dessous montre.
Comment puis-je supprimer seulement de la frontière, où les 2 divs tactile comme sur l'image ci-dessous montre?
Voici le html et le css utilisé dans la photo du haut (js fiddle: http://jsfiddle.net/paulyoder/whsC4/19/)
<html>
<head>
<style type="text/css">
#sideBar {
float: left;
width: 75px;
height: 50px;
border-top: 1px solid black;
border-left: 1px solid black;
border-bottom: 1px solid black
}
#balanceSheetSummary {
float: left;
width: 150px;
height: 150px;
border: 1px solid black;
}
body { padding: 10px; }
h2 { margin: 5px; }
</style>
</head>
<body>
<div id="sideBar">
<h2>Side Bar</h2>
</div>
<div id="balanceSheetSummary">
<h2>Content</h2>
</div>
</body>
</html>
OriginalL'auteur Paul | 2011-12-02
Vous devez vous connecter pour publier un commentaire.
Vous pourriez faire quelque chose comme ceci: http://jsfiddle.net/sj2AD/1/
Ce que j'ai fait a été d'ajouter une marge négative vers la droite afin que les boîtes de chevauchement.
Cela ne pause, par exemple si la gauche de la div est plus élevé que celui de droite.
OriginalL'auteur Filip
cochez cette
http://jsfiddle.net/whsC4/17/
OriginalL'auteur sandeep